{"id":26050385,"url":"https://github.com/polypasc/notes-frontend-mern","last_synced_at":"2026-04-08T16:02:00.467Z","repository":{"id":281194105,"uuid":"944441593","full_name":"PolyPasc/notes-frontend-mern","owner":"PolyPasc","description":"Frontend for MERN Notes Taking App","archived":false,"fork":false,"pushed_at":"2025-03-07T14:19:42.000Z","size":58,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-07T14:29:17.487Z","etag":null,"topics":["react-router","reactjs","tailwindcss","vite"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/PolyPasc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-07T10:55:04.000Z","updated_at":"2025-03-07T14:19:45.000Z","dependencies_parsed_at":"2025-03-07T14:39:37.753Z","dependency_job_id":null,"html_url":"https://github.com/PolyPasc/notes-frontend-mern","commit_stats":null,"previous_names":["polypasc/notes-frontend-mern"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/PolyPasc/notes-frontend-mern","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PolyPasc%2Fnotes-frontend-mern","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PolyPasc%2Fnotes-frontend-mern/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PolyPasc%2Fnotes-frontend-mern/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PolyPasc%2Fnotes-frontend-mern/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PolyPasc","download_url":"https://codeload.github.com/PolyPasc/notes-frontend-mern/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PolyPasc%2Fnotes-frontend-mern/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31562697,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react-router","reactjs","tailwindcss","vite"],"created_at":"2025-03-08T02:28:12.076Z","updated_at":"2026-04-08T16:02:00.451Z","avatar_url":"https://github.com/PolyPasc.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Note Taking App (Frontend)\n\nA note-taking application built using React.js on the Frontend. This app allows users to create, edit, and delete notes.\n\n## Table of Contents\n\n- [Prerequisites](#prerequisites)\n- [Technologies Used](#technologies-used)\n- [Features](#features)\n- [Installation and Setup](#installation-and-setup)\n- [Running the Project](#running-the-project)\n- [Project Structure](#project-structure)\n- [Contributing](#contributing)\n- [Acknowledgments](#acknowledgments)\n- [Contact](#contact)\n\n## Prerequisites\n\n1. Node and npm are required. Here are the versions that I have used.\n\n   ```bash\n   node --version\n\n   v22.1.0\n   ```\n\n   ```bash\n   npm --version\n\n   10.7.0\n   ```\n\n2. Git is required. Here's the version that I have used\n\n   ```bash\n   git --version\n\n   git version 2.45.0.windows.1\n   ```\n\n## Technologies Used\n\n- **Vite:** Build tool and development server.\n- **React:** Frontend library for building user interfaces.\n- **React Router:** Routing library for handling navigation.\n- **Tailwind CSS:** Utility-first CSS framework for styling.\n- **ESLint:** Tool for identifying and fixing problems in JavaScript code.\n- **Axios:** Used to make HTTP requests in the application.\n\n## Features\n\n- **Responsive Design** : The application is fully responsivenacross various devices.\n- **User Authentication:** Users can register and log in to access their notes securely.\n\n- **Note Creation:** Users can create new notes with titles and content.\n\n- **Note Editing:** Users can edit existing notes.\n\n- **Note Deletion:** Users can delete notes they no longer need.\n\n- **Note Listing:** Users can view a list of all their notes.\n\n## Installation and Setup\n\nTo set up this project locally, follow these steps:\n\n1.  **Clone the repository:**\n\n    ```bash\n    git clone https://github.com/PolyPasc/Notes-mern.git\n\n    cd Notes-mern/Frontend\n    ```\n\n2.  **Install dependencies:**\n\n    ```bash\n    npm install\n    ```\n\n3.  **Create a `.env` file:**\n\n    Duplicate the `.env.example` file and rename it to `.env`. Fill in the required environment variable\n\n    ```\n    VITE_BASE_URL=\n    ```\n\n## Running the Project\n\n- **Start Server:** Use `npm run dev` for development mode with automatic restarts.\n\n  ```bash\n  npm run dev\n  ```\n\n  The server will start on `http://localhost:5173`.\n\n- **Run Linting:** Use `npm run lint` to check code quality.\n\n  ```bash\n  npm run lint\n  ```\n\n- **Build Code:** Use `npm run build` to build the code according to vite configuration.\n\n  ```bash\n  npm run build\n  ```\n\n- **Preview Code:** Use `npm run preview` to preview how the code will look and behave in a production environment.\n\n  ```bash\n  npm run preview\n  ```\n\n## Project Structure\n\nHere is a brief overview of the project structure:\n\n```\n/public\n/src\n    /components         # Reusable React components\n    /pages              # Page components\n    /utils              # Utility files\n    App.jsx             # Main application component\n    index.css           # Global styles\n    main.jsx            # Entry point for React\n.env.example            # environment variables (exmaple)\n.gitignore              # Git ignore files\neslint.config.js        # ESLint configuration\nindex.html              # Main HTML file\npackage-lock.json       # Locks dependencies versions\npackage.json            # Project metadata and dependencies\npostcss.config.js       # Post CSS configuration\nREADME.md               # Porject Overview markdown\ntailwind.config.js      # Tailwind CSS configuration\nvite.config             # Vite configuration\n```\n\n## Contributing\n\nContributions are welcome! Please follow these guidelines:\n\n1. Fork this repository.\n2. Create a new branch `git checkout -b feature/YourFeature`.\n3. Make your changes.\n4. Commit your changes (`git commit -am 'Add new feature'`).\n5. Push to the branch (`git push origin feature/YourFeature`).\n6. Create a new Pull Request.\n\n## Acknowledgments\n\n- [React](https://react.dev/)\n- [React Router](https://reactrouter.com/)\n- [Tailwind CSS](https://tailwindcss.com/)\n- [Vite](https://vitejs.dev/)\n- [ESLint](https://eslint.org/)\n- [Axios](https://axios-http.com/)\n\n## Contact\n\nFor any questions or feedback, please reach out to:\n\n- :e-mail: **Email:** github@technologist.anonaddy.com\n- :point_right: **LinkedIn:** [in/pratap-adit](https://www.linkedin.com/in/pratap-adit)\n- :octocat: **GitHub:** [PolyPasc](https://github.com/PolyPasc)\n\n---\n\nThank you for checking out my project! If this project helped / interests you, then give it a :star2: Star.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpolypasc%2Fnotes-frontend-mern","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpolypasc%2Fnotes-frontend-mern","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpolypasc%2Fnotes-frontend-mern/lists"}