Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/tarun-upadhyay/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.
https://github.com/tarun-upadhyay/curvelogics-frontend-assignment

admin-dashboard admin-panel css es6 fakeapi html materila-ui react-hooks react-icons react-router-dom reactjs tailwind-css

Last synced: about 1 month ago
JSON representation

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.

Host: GitHub
URL: https://github.com/tarun-upadhyay/curvelogics-frontend-assignment
Owner: tarun-upadhyay
Created: 2024-01-12T06:15:05.000Z (12 months ago)
Default Branch: main
Last Pushed: 2024-01-12T07:14:37.000Z (12 months ago)
Last Synced: 2024-10-12T12:13:54.194Z (2 months ago)
Topics: admin-dashboard, admin-panel, css, es6, fakeapi, html, materila-ui, react-hooks, react-icons, react-router-dom, reactjs, tailwind-css
Language: JavaScript
Homepage: https://curvelogics.vercel.app/
Size: 3.13 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        


🌐 React App





   

      

   

   

      

   



# CURVELOGICS Frontend Coding Assignment.

---

I created this website as a react assignment which given by Data Science Academy, basically showcasing my skills in frontend programming.

---

## Tech Stack

- ReactJs

- Javascript (ES6)

- TailwindCss

- React-Router-Dom@v6

- Material UI

- Material UI Icons

## Requirements

- For development, you will only need Node.js and a node global package, NPM, installed in your environement.

## Clone or Download

```terminal

$ git clone https://github.com/tarun-upadhyay/CURVELOGICS-frontend-assignment.git

$ yarn # or npm i

```

## Project structure

```terminal

frontend

    - package.json

    - src

        - index.js

        - App.jsx

     - Components

     - Pages

```

## Client-side usage(PORT: 3000)

```terminal

$ cd frontend          // go to frontend folder

$ yarn # or npm i     // npm install packages

$ npm start          // run it locally

```

## Glimpses

### Homepage

![Alt text](./images/image.png)

![Alt text](./images/image-1.png)

### Dashboard

![Alt text](./images/image-2.png)

### Service

![Alt text](./images/image-3.png)

- Add new Service

![Alt text](./images/image-4.png)

- Delete Service

![Alt text](./images/image-5.png)

- Edit Service

![Alt text](./images/image-6.png)

### Clients

![Alt text](./images/image-7.png)

- Add new Client

![Alt text](./images/image-9.png)

- Delete Client

![Alt text](./images/image-10.png)

### Contact Us

![Alt text](./images/image-11.png)

---

# Thank you for your time

- Thank you for using this application

- Feel free to ask any query.

[My Github](https://github.com/tarun-upadhyay)

https://github.com/tarun-upadhyay

[My Portfolio](https://tarun-upadhyay.github.io/)

https://tarun-upadhyay.github.io/

[Email ME](mailto:[email protected])

---