thagoo / hexleap

This is a 2nd assignment given by Banao.com for the Internship shortlisting

Project Overview

To develop a given figma desgin with dark mode support.

Design

https://www.figma.com/file/ILhqTNgZ8z0y8NjV8QtlYv/Hexleap-Frontend-Assignment?type=design&node-id=0:1&mode=design&t=nEoAYu5bFl3KSVlX-1

Live Demo

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]

Project Implementation

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.

Getting Started

To run this project locally, follow these steps:

1. Clone the repository to your local machine:

git clone https://github.com/thagoo/hexleap-assignment.git

2. Navigate to the project directory:

cd hexleap-assignment

3. Install dependencies:

npm install

4. Build the project

npm run build

5. Run the production server locally

npm run start

or

4. 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!