StudyForge

Landing page for an edtech platform  Designed in Figma.

Demo

Features

• Clean and minimal design
• 100% mobile-friendly and responsive
• Modals for Signup and Signin
• Firebase Authetication
• Data synced through Firebase realtime database

upcoming...

• Payment integration with stripe idk

Install

This project is built with

pnpm v8.12.0
node v20.7.0

1. If you want to install this repo locally. Fork and pull this repo, then run

pnpm install

    or

npm install

2. Spin up the development server

pnpm dev

Tech stack

• React - Library pretending to be a framework
• Typescript - type safety at the cost of headache
• Tailwindcss - utility first CSS
• Firebase - MVP backend solution
• React hook form - Form states and errors
• Zod - data shape validator
• Zustand - bearbones state management solution
• React Marquee - Smooth infinite horizontal slider

Utilities

• Hero icons - Beautiful icons
• Toast - Toast notifs
• Prettier - automatic class sorting
• Vite - blazingly fast module bundler
• pnpm - (not so) performant npm, disk-efficient tho

Continued development

• animations?

Author

👤 Shashwat Jaiswal

• Website: Link
• Twitter: @shash0_0
• Mastadon: quacko 🦆
• Github: @okay-head

Show your support

Give a ⭐️ if you liked this project!

License

Copyright © 2023 Shashwat Jaiswal.
This project is MIT licensed.

Acknowledgements

Amazing amazing people at Streamlinehq