https://github.com/bekcodingaddict/daily-quotes
The Daily Quotes Full Stack Node.js App is likely a web application where users can view, save, or share inspirational quotes daily. It is built using a full-stack approach, with Node.js handling the back-end, and a front-end plain IJS/CSS/JavaScript.
https://github.com/bekcodingaddict/daily-quotes
css ejs expressjs javascript mysql nodejs
Last synced: about 2 months ago
JSON representation
The Daily Quotes Full Stack Node.js App is likely a web application where users can view, save, or share inspirational quotes daily. It is built using a full-stack approach, with Node.js handling the back-end, and a front-end plain IJS/CSS/JavaScript.
- Host: GitHub
- URL: https://github.com/bekcodingaddict/daily-quotes
- Owner: BekCodingAddict
- Created: 2025-02-07T08:39:58.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-03-03T14:47:37.000Z (12 months ago)
- Last Synced: 2025-03-03T15:43:38.846Z (12 months ago)
- Topics: css, ejs, expressjs, javascript, mysql, nodejs
- Language: EJS
- Homepage:
- Size: 1.44 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Daily-Quotes
"Daily Quote is a full-stack web app that delivers inspiring quotes every day. Users can browse,send,comment and save their favorite quotes, and even submit their own. Built with EJS, Node.js, Express, and MySQL.",
## 🚀 Key Features of a Daily Quotes App
1. Quote of the Day – Display a new quote daily, fetched from an API or database.
2. User Authentication – Users can sign up/log in to save their favorite quotes.
3. Quote Categories – Users can filter quotes by motivation, success, love, etc.
4. Like & Save Quotes – Users can like and save quotes to their personal collection.
5. Random Quote Generator – Generate and display a random quote on demand.
6. API Integration – Fetch quotes from third-party APIs like Quotable API or FavQs.
7. Admin Panel – Allow admins to add/edit/delete quotes.
8. Social Sharing – Users can share quotes on social media platforms.
## 🛠 Tech Stack (Full Stack)
### Front-end:
- IJS,CSS,Javascript – For dynamic UI.
### Back-end:
- Node.js & Express.js – For handling API requests and user authentication.
- MongoDB / MySQL – To store quotes and user data.
- JWT (JSON Web Tokens) – For secure authentication.
- Bcrypt.js - For Hashing
## 📂 Full-Stack App Folder Structure
```bash
📦 daily-quotes-app
┣ 📂 client # (Frontend - Simply EJS)
┃ ┣ 📂 public # Static assets (images, icons, fonts)
┃ ┣ 📂 src
┃ ┃ ┣ 📂 pages # Pages
┃ ┃ ┣ 📂 services # API calls (e.g., axios fetch requests)
┃ ┃ ┣ 📂 styles # CSS, Tailwind, Styled Components
┃ ┃ ┣ 📂 utils # Helper functions (e.g., date format, text truncation)
┃ ┃ ┣ 📜 index.ejs
┃ ┃ ┣ 📜 index.js
┣ 📂 errors # (Errors and Problems History)
┣ 📂 server # (Backend - Node.js + Express)
┃ ┣ 📂 config # Database & environment configurations
┃ ┣ 📂 controllers # Business logic for API routes
┃ ┣ 📂 models # Database models (MongoDB, PostgreSQL, etc.)
┃ ┣ 📂 routes # API endpoints (e.g., /api/quotes, /api/auth)
┃ ┣ 📂 middleware # Auth middleware, error handling
┃ ┣ 📂 utils # Helper functions (e.g., JWT generation)
┃ ┣ 📜 server.js # Main Express app entry file
┣ 📜 .env # Environment variables
┣ 📜 .gitignore # Ignore unnecessary files
┣ 📜 README.md # Documentation
┣ 📜 package.json # Backend dependencies
```
## UI Screenshots
### 📱 Mobile UI
## 🎯 Possible Future Enhancements
- Add AI-generated quotes using OpenAI’s API.
- Build a mobile version with React Native.
- Include a dark mode UI for better accessibility.