Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/khelsai01/sparts_tech

SpArts Tech
https://github.com/khelsai01/sparts_tech

github react-icons reactjs tailwindcss vercel

Last synced: 8 days ago
JSON representation

SpArts Tech

Awesome Lists containing this project

README

        

# SpArts tech

SpArts is application where you can see the best acedemice for the you childern. Here you can choose the your holistic development of your children and easy to sortout your kid's school.

## Vercel deployed link
[https://sparts-tech.vercel.app](https://sparts-tech.vercel.app)

## Render Json-server deployed link
[https://sparts-backend.onrender.com/schools](https://sparts-backend.onrender.com/schools)

## Presentation Video

[![Watch the video](https://github.com/khelsai01/sparts_tech/assets/119441119/4c285d24-6c2e-4174-ad67-0b8b4af30019)](https://drive.google.com/file/d/1ddh8jCIPlw971AkJx1yZnBHpEjbxnM9T/view?usp=sharing)

## Tech Stack use:
1. Reactjs
2. Tailwind CSS
3. React Icons
4. Vercel
5. github
6. Json-server
7. Render.com

## Header section

**Large Screen View**

![header1](https://github.com/khelsai01/sparts_tech/assets/119441119/4c285d24-6c2e-4174-ad67-0b8b4af30019)

**Medium Screen View**

![headerIpad](https://github.com/khelsai01/sparts_tech/assets/119441119/ae02ff1a-3ad4-4a68-a7f7-f70e4c6403c7)

**Small Screen View**

![headeMobile](https://github.com/khelsai01/sparts_tech/assets/119441119/8ae9a802-6d3e-4e15-bae8-0b9aec776008)

## Slider

**Large Screen View**

![top1](https://github.com/khelsai01/sparts_tech/assets/119441119/f720264d-90f5-4ce4-af43-dcf98dadb3a9)

![slide2](https://github.com/khelsai01/sparts_tech/assets/119441119/6ece47e8-a94d-4912-996b-ad0d70cc29f2)

**Medium Screen View**

![topIpad](https://github.com/khelsai01/sparts_tech/assets/119441119/e14e446c-d763-45ee-bd07-66ceff2f1065)

![sliderIpad](https://github.com/khelsai01/sparts_tech/assets/119441119/224d73ff-f84c-40c2-a53f-2bc682829daa)

**Small Screen View**

![topMonile](https://github.com/khelsai01/sparts_tech/assets/119441119/7e511a0b-b481-46f6-98fb-57e842b7ce90)

![sliderMobile](https://github.com/khelsai01/sparts_tech/assets/119441119/bf0f60ac-d894-4519-a0ab-9742c0129960)

## Footer

**Large Screen View**

![footer1](https://github.com/khelsai01/sparts_tech/assets/119441119/8a88a4d8-a0fd-4165-9587-bd3af1ab8640)

**Medium Screen View**

![footerIpad](https://github.com/khelsai01/sparts_tech/assets/119441119/a465644d-a929-4626-96a7-97b81c3836d3)

**Small Screen View**

![footerMobile](https://github.com/khelsai01/sparts_tech/assets/119441119/0c47159b-f38f-42ad-ae44-2e325c7695e2)

## Local run by open terminal

1. Clone the repository
`git clone https://github.com/khelsai01/sparts_tech.git`

2. Move to folder
`cd sparts_tech`

3. Install packages
`npm Install`

4. Run the the code
`npm run start`