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

https://github.com/itskaif07/notestalgia

Notestalgia is a modern web application where students can browse, buy, and sell handwritten notes across a wide range of subjects and academic levels. Built with Angular and Firebase, it offers a smooth, secure, and engaging user experience.
https://github.com/itskaif07/notestalgia

angular css3 firebase firebaseauth gsap html5 typescript

Last synced: 5 months ago
JSON representation

Notestalgia is a modern web application where students can browse, buy, and sell handwritten notes across a wide range of subjects and academic levels. Built with Angular and Firebase, it offers a smooth, secure, and engaging user experience.

Awesome Lists containing this project

README

          

# 📝 Notestalgia

_A handwritten notes marketplace built with Angular & Firebase_

---

## 📘 Overview

**Notestalgia** is a feature-rich web application that enables users to **browse, buy, and sell handwritten academic notes**. It provides an organized marketplace where learners can explore peer-contributed study materials by subject, note type, and academic level.

Whether you're a student looking to earn from your notes or someone seeking reliable study resources, Notestalgia offers a fast, intuitive, and responsive experience across all devices.

---

## 🚀 Features

- 🔐 **User Authentication**
Secure login via Firebase Auth with support for email/password and anonymous access.

- 🧭 **Smart Browsing**
Filter notes by **subject**, **category**, and **academic level** for fast discovery.

- 🌠 **Note Details Page**
Includes dynamic image previews (slideshow), wishlist button, review system, and purchase option.

- ❤️ **Wishlist Functionality**
Logged-in users can add notes to their wishlist and manage them later.

- ⭐ **Review & Rating System**
Users can leave reviews and star ratings for notes they've purchased or read.

- 📸 **Image Upload with Preview**
Sellers can upload multiple note images with instant preview before publishing.

- 🎨 **Smooth Animations**
GSAP-powered transitions and interactions for a refined UI experience.

- 📱 **Responsive & Fast UI**
Tailwind CSS ensures pixel-perfect design and responsiveness across screen sizes.

---

## 🛠️ Tech Stack

| Category | Tools / Libraries |
|------------------|-------------------------------------------------------|
| **Frontend** | [Angular](https://angular.io/) |
| **Styling** | [Tailwind CSS](https://tailwindcss.com/), |
| **Animations** | [GSAP](https://gsap.com/) |
| **Backend/Auth** | [Firebase Auth](https://firebase.google.com/products/auth) |
| **Database** | [Firestore (NoSQL)](https://firebase.google.com/products/firestore) |
| **Hosting** | [Firebase Hosting](https://firebase.google.com/products/hosting) |
| **Icons** | [Icons8](https://icons8.com/) |

---