To develop a given figma desgin with dark mode support.
https://hexleap-assignment-lohith.vercel.app/
You can view a live demo of the project [Please note this site is hosted in free on render so it takes 20 sec for initial load]
The web page has been developed using NextJS, TailwindCSS and React Context API.
The following technologies and best practices have been employed:
-
Typescript, HTML, NextJS and MaterialUI: The project utilizes a combination of these technologies to create a responsive and visually appealing web page.
-
Responsive Design: The webpage is designed to be fully responsive and should adapt seamlessly to various device widths without any breakage.
-
Components and Containers: Proper use of components and containers has been maintained to ensure code modularity, scalability and reusability.
To run this project locally, follow these steps:
- Clone the repository to your local machine:
git clone https://github.com/thagoo/hexleap-assignment.git
- Navigate to the project directory:
cd hexleap-assignment
- Install dependencies:
npm install
- Build the project
npm run build
- Run the production server locally
npm run start
or
- Run the development server:
npm run dev
This will start the respective server, and you can view the webpage by accessing http://localhost:3000 in your browser.
Thank you for checking out my project!