Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thagoo/hexleap
https://github.com/thagoo/hexleap
Last synced: 13 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/thagoo/hexleap
- Owner: Thagoo
- Created: 2024-03-27T16:52:30.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-03-28T05:48:32.000Z (10 months ago)
- Last Synced: 2024-12-29T14:52:37.569Z (13 days ago)
- Language: TypeScript
- Size: 2.06 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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!