Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cristian-sbardelotto/fsw-store
🧡 Welcome to FullStack Week Store! This project consists of an online store for peripherals such as mice, keyboards, monitors, etc.
https://github.com/cristian-sbardelotto/fsw-store
css fullstack git github html javascript next-auth nextjs prisma react shadcn-ui tailwind typescript
Last synced: about 14 hours ago
JSON representation
🧡 Welcome to FullStack Week Store! This project consists of an online store for peripherals such as mice, keyboards, monitors, etc.
- Host: GitHub
- URL: https://github.com/cristian-sbardelotto/fsw-store
- Owner: cristian-sbardelotto
- Created: 2023-10-19T20:50:14.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-30T15:51:20.000Z (7 months ago)
- Last Synced: 2024-03-30T16:40:01.224Z (7 months ago)
- Topics: css, fullstack, git, github, html, javascript, next-auth, nextjs, prisma, react, shadcn-ui, tailwind, typescript
- Language: TypeScript
- Homepage: https://full-stack-week-store.vercel.app
- Size: 4.34 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🛒 FSW Store 🛒
Welcome to FullStack Week Store!
This project consists of an online store for peripherals such as mice, keyboards, monitors, etc.
🧡
Technologies |
What I've Learned |
Installation |
Layout
🖱️ Technologies
This project was made with the following technologies/libraries:
- TypeScript
- NextJS
- Prisma
- NextAuth
- TailwindCSS
- shadcn/ui
- Lucide-react ( icons )
- Git
- Github
🧠 What I've Learned
In this website, I worked with:
- Usage of [ContextApi](./src/providers/cart.tsx)
- shadcn/ui development
- Authentication with NextAuth
- Mobile-first approach
🖥️ Layout
### To make this project, I used this [Figma Design](https://www.figma.com/file/Y8jmabSZXxAobeUJQdI4bm/FSW-Store-%5BLive%5D?type=design&node-id=89-280&mode=design&t=G7dcVNXDj3n4z0wA-0).
### To see the Deploy, check [THIS LINK](https://full-stack-week-store.vercel.app/).
📤 Installation
Firstly, you need to clone the project on your machine:
```bash
git clone https://github.com/cristian-sbardelotto/fsw-store
```
After that, open the project folder and install the dependencies:
```bash
npm install
# or
yarn
#or
pnpm install
```
To run the project on your browser, use:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
Enjoy this project!
Developed with 🧡 by Cristian Sbardelotto
[](https://www.linkedin.com/in/cristian-k-sbardelotto/)
[](https://github.com/cristian-sbardelotto)
[](https://portfolio-chi-lemon-51.vercel.app)