CURVELOGICS Frontend Assignment

screenshot of CURVELOGICS Frontend Assignment
react
styled-components
tailwind

CURVELOGICS Frontend Assignment

React Stack technology is used in this application. I created this website as a react assignment of Curvelogics basically showcasing my skills in frontend programming.

Overview:

CURVELOGICS Frontend Coding Assignment is a React website developed by the author as a showcase of their frontend programming skills. It was created as a project for the Data Science Academy, demonstrating proficiency in ReactJS, JavaScript, TailwindCSS, React-Router-Dom, Material UI, and Material UI Icons.

Features:

  • Homepage: View a glimpse of the website's content.
  • Dashboard: Access a dashboard with various features.
  • Service: View and manage services.
  • Clients: View and manage clients.
  • Contact Us: Send a message through the contact form.

Installation:

To install and run the CURVELOGICS Frontend Coding Assignment project, follow these steps:

  1. Make sure you have Node.js and NPM (Node Package Manager) installed in your environment.
  2. Clone or download the project files from the provided repository.
  3. Open the terminal/command prompt and navigate to the project directory.
  4. Install the required dependencies by running the following command:
    npm install
    
  5. After successful installation, start the project by running the command:
    npm start
    
  6. The website will now be accessible at http://localhost:3000.

Summary:

CURVELOGICS Frontend Coding Assignment is a React website developed by the author to showcase their frontend programming skills. It utilizes various technologies such as ReactJS, JavaScript, TailwindCSS, React Router Dom, Material UI, and Material UI Icons. The website features a homepage, dashboard, services management, clients management, and a contact form. To install the project, Node.js and NPM are required, followed by a simple setup process.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

dashboard
Dashboard

A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.