An open API service indexing awesome lists of open source software.

https://github.com/hasims2001/mohammad-hasim-shaikh-frontend-developer

implementing a web application based on a provided Figma design, which includes animations. The primary objective is to build a functional and visually appealing application using React and other relevant libraries.
https://github.com/hasims2001/mohammad-hasim-shaikh-frontend-developer

expressjs nextjs nodejs reactjs tailwindcss typescript

Last synced: 3 months ago
JSON representation

implementing a web application based on a provided Figma design, which includes animations. The primary objective is to build a functional and visually appealing application using React and other relevant libraries.

Awesome Lists containing this project

README

          

# The Matrix Labs

- This assignment involves implementing a web application based on a provided Figma design, which includes animations. The primary objective is to build a functional and visually appealing application using React and other relevant libraries.

## Table of Contents
- [Tech Stack](#Tech-stack)
- [Project Links](#Project-links)
- [Screenshot](#Screenshot)
- [Installation](#installation)

## Tech Stack

- Front-end:
- Next.js for building dynamic and interactive components.
- Typescript for statically type for variable and function.
- TailwindCSS
- Back-end:
- Express.js for handling server-side logic.
- Node.js for server-side scripting and runtime environment.

## Project Links

# Front-end:

- **Link:** https://matrixlabs-backend.vercel.app/

# Back-end:

- **Server:** https://matrixlab-backend.vercel.app/

## Screenshot
![image](https://github.com/Hasims2001/Mohammad-Hasim-Shaikh-Frontend-Developer/assets/58412185/fe86622f-989b-4226-b552-918cd8d812f0)

![image](https://github.com/Hasims2001/Mohammad-Hasim-Shaikh-Frontend-Developer/assets/58412185/1243b480-ee12-4696-b67d-02f9dc78df76)

![image](https://github.com/Hasims2001/Mohammad-Hasim-Shaikh-Frontend-Developer/assets/58412185/bc115cd0-1eef-467c-a16d-5bcaf892d14c)

![image](https://github.com/Hasims2001/Mohammad-Hasim-Shaikh-Frontend-Developer/assets/58412185/efd3fa13-21b8-4b28-b0f9-51f898015ab1)

![image](https://github.com/Hasims2001/Mohammad-Hasim-Shaikh-Frontend-Developer/assets/58412185/cf32ecc8-e506-43ad-9575-4cb8be288385)

## Installation
To set up the project locally, follow these steps:

1. Clone the repository, open terminal:

```bash
git clone https://github.com/Hasims2001/Mohammad-Hasim-Shaikh-Frontend-Developer.git
```

```bash
cd frontend
```

run command in terminal
```
npm install
```

run project
```
npm run dev
```

Feel free to explore the project using the provided links and discover!