Full_Stack_Notes_App Tailwind Templates

Full_stack_notes_app

using React, Tailwind CSS, and Axios, with React Router for navigation and React Toastify for notifications. The app includes essential pages like home, signup, login, email verification, and password reset. Implemented full CRUD functionality for notes, with secure authentication and data management using Node.js, Express, and PostgreSQL.

Full Stack Notes App

A full-featured notes application developed using React, Vite, Tailwind CSS, and Axios. The app provides essential CRUD functionalities for managing notes, with secure authentication and robust data management handled by Node.js, Express, and PostgreSQL.

Features

  • User Authentication: Secure signup, login, email verification, and password reset using Node.js and Express.
  • CRUD Operations: Create, read, update, and delete notes seamlessly.
  • Notifications: Integrated React Toastify for user-friendly notifications.
  • Navigation: Implemented React Router for smooth navigation between pages.
  • Responsive Design: Built with Tailwind CSS for a modern and responsive user interface.

Technologies Used

  • Frontend: React.js, Vite, Tailwind CSS, Axios
  • Backend: Node.js, Express
  • Database: PostgreSQL
  • Routing: React Router
  • Notifications: React Toastify

Installation

  1. Clone the repository:

    git clone https://github.com/aboelnasrvip/Full_Stack_Notes_App.git
    cd Full_Stack_Notes_App
    
  2. Install dependencies:

    npm install
    
  3. Run the application: ```bash npm run dev

Usage

  • Home: View and manage all your notes..
  • USignup/Login: Register or log in to start managing your notes.
  • Email Verification: Verify your email to access additional features.
  • Password Reset: Reset your password securely if you forget it.
  • CRUD Notes: Create, update, or delete notes easily.

Top categories

Loading Svelte Themes