{"id":23576078,"url":"https://github.com/techjmi/instinctive_frontend","last_synced_at":"2025-10-26T16:49:06.549Z","repository":{"id":269579790,"uuid":"907842476","full_name":"techjmi/instinctive_frontend","owner":"techjmi","description":null,"archived":false,"fork":false,"pushed_at":"2024-12-24T19:02:41.000Z","size":192,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-16T13:10:02.530Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/techjmi.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,"zenodo":null}},"created_at":"2024-12-24T14:24:26.000Z","updated_at":"2024-12-24T19:02:44.000Z","dependencies_parsed_at":"2024-12-24T15:42:20.492Z","dependency_job_id":"2da93b32-7e2a-4b2c-be71-d72f5a542284","html_url":"https://github.com/techjmi/instinctive_frontend","commit_stats":null,"previous_names":["techjmi/instinctive_frontend"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/techjmi/instinctive_frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techjmi%2Finstinctive_frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techjmi%2Finstinctive_frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techjmi%2Finstinctive_frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techjmi%2Finstinctive_frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/techjmi","download_url":"https://codeload.github.com/techjmi/instinctive_frontend/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techjmi%2Finstinctive_frontend/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261789289,"owners_count":23209776,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2024-12-26T21:12:14.377Z","updated_at":"2025-10-26T16:49:01.500Z","avatar_url":"https://github.com/techjmi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n# Student Management System\n\nA **Student Management System** built with a modern tech stack that includes **React (Vite)**, **Supabase**, **Node.js**, and **Express.js**. This application allows users to manage students and provides user authentication with protected routes.\n\n## Live Links\n\n- **Frontend**: [instinctive-frontend.onrender.com](https://instinctive-frontend.onrender.com/)\n- **Backend**: [backend-36ys.onrender.com](https://backend-36ys.onrender.com/)\n\n---\n\n## Features\n\n### User Authentication\n- **Sign Up**: Register a new account.\n- **Login**: Authenticate users with valid credentials.\n- **Profile Management**: Access user-specific data with a protected `/profile` route.\n- **Logout**: Securely log out from the session.\n\n### Student Management\n- **Add Student**: Create new student records.\n- **View All Students**: Fetch all student details.\n- **Get Student by ID**: Fetch specific student details by their ID.\n- **Update Student**: Modify student details.\n- **Delete Student**: Remove student records.\n\n---\n\n## Tech Stack\n\n### Frontend\n- **React**: Used for building the user interface.\n- **Vite**: A fast and modern build tool.\n- **Supabase**: Used for real-time data synchronization and backend services.\n\n### Backend\n- **Node.js**: JavaScript runtime for server-side logic.\n- **Express.js**: Lightweight framework for building REST APIs.\n\n---\n\n## API Endpoints\n\n### User Routes\n| Method | Endpoint         | Description                     | Authentication |\n|--------|------------------|---------------------------------|----------------|\n| POST   | `/api/signup`     | Register a new user             | No             |\n| POST   | `/api/login`      | Login an existing user          | No             |\n| GET    | `/api/profile`    | Fetch user profile data         | Yes            |\n| POST   | `/api/logout`     | Logout the user                 | No             |\n\n### Student Routes\n| Method | Endpoint          | Description                     | Authentication |\n|--------|-------------------|---------------------------------|----------------|\n| POST   | `/api/students`    | Add a new student               | Yes            |\n| GET    | `/api/students`    | Fetch all students              | Yes            |\n| GET    | `/api/students/:id`| Fetch a student by ID           | Yes            |\n| PUT    | `/api/students/:id`| Update student details          | Yes            |\n| DELETE | `/api/students/:id`| Delete a student                | Yes            |\n\n---\n\n## Installation and Setup\n\n### Prerequisites\n- **Node.js** (version 16+)\n- **npm** or **yarn**\n- Environment variables configured in `.env` for:\n  - `SUPABASE_URL`\n  - `SUPABASE_KEY`\n  - `JWT_SECRET`\n\n### Clone the Repository\n\n### Frontend Setup\n1. Navigate to the frontend directory:\n   ```bash\n   cd client\n   ```\n2. Install dependencies:\n   ```bash\n   npm install\n   ```\n3. Start the development server:\n   ```bash\n   npm run dev\n   ```\n4. The app will run at `http://localhost:5173`.\n\n### Backend Setup\n1. Navigate to the backend directory:\n   ```bash\n   cd server\n   ```\n2. Install dependencies:\n   ```bash\n   npm install\n   ```\n3. Create a `.env` file and configure the following:\n   ```\n   SUPABASE_URL=https://your-supabase-url\n   SUPABASE_KEY=your-supabase-key\n   JWT_SECRET=your-secret-key\n   ```\n4. Start the server:\n   ```bash\n   npm start\n   ```\n5. The server will run at `http://localhost:8000`.\n\n---\n\n## How It Works\n\n### Authentication Flow\n1. **Sign Up**: New users register with `/api/signup`.\n2. **Login**: Users receive a JWT upon logging in, which is stored securely.\n3. **Protected Routes**: Middleware (`authMiddleware`) ensures only authenticated users can access certain endpoints like `/profile`.\n\n### CRUD Operations\n1. **Add a Student**: Users can add new students via a POST request to `/api/students`.\n2. **View Students**: Fetch all students or a specific one using GET requests.\n3. **Update/Delete Students**: Modify or delete records using PUT/DELETE requests.\n\n---\n\n## Deployment\n\n### Frontend\nThe frontend is deployed on [Render](https://render.com/) and is accessible via [instinctive-frontend.onrender.com](https://instinctive-frontend.onrender.com/).\n\n### Backend\nThe backend is deployed on [Render](https://render.com/) and is accessible via [backend-36ys.onrender.com](https://backend-36ys.onrender.com/).\n\n---\n\n## Contributing\nFeel free to submit issues or pull requests for improvements or bug fixes. Ensure you adhere to the coding standards of the project.\n\n---\n\n## License\nThis project is licensed under the [MIT License](LICENSE).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftechjmi%2Finstinctive_frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftechjmi%2Finstinctive_frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftechjmi%2Finstinctive_frontend/lists"}