{"id":27108937,"url":"https://github.com/ranjeetraj444/arba_development-studio","last_synced_at":"2026-04-09T15:44:35.888Z","repository":{"id":232017367,"uuid":"783258374","full_name":"RanjeetRaj444/Arba_Development-Studio","owner":"RanjeetRaj444","description":"The web application is a modern platform for performing all types of crud operations on product. It provides a user-friendly interface, a wide range of functionalities, and a secure authentication system.User can browse items, add them to their cart, and also edit them.","archived":false,"fork":false,"pushed_at":"2024-04-07T11:49:51.000Z","size":0,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-04-07T12:38:30.535Z","etag":null,"topics":["bycrypt","chakra-ui","cloudinary","cors","css","express","html","javascript","jwt-authentication","mongodb","multer","nodejs","react","redux"],"latest_commit_sha":null,"homepage":"https://arba-development-studio.netlify.app/","language":"TypeScript","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/RanjeetRaj444.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}},"created_at":"2024-04-07T11:43:21.000Z","updated_at":"2024-04-07T12:38:34.612Z","dependencies_parsed_at":"2024-04-07T12:49:01.915Z","dependency_job_id":null,"html_url":"https://github.com/RanjeetRaj444/Arba_Development-Studio","commit_stats":null,"previous_names":["ranjeetraj444/arba_development-studio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RanjeetRaj444%2FArba_Development-Studio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RanjeetRaj444%2FArba_Development-Studio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RanjeetRaj444%2FArba_Development-Studio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RanjeetRaj444%2FArba_Development-Studio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RanjeetRaj444","download_url":"https://codeload.github.com/RanjeetRaj444/Arba_Development-Studio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247563939,"owners_count":20958971,"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":["bycrypt","chakra-ui","cloudinary","cors","css","express","html","javascript","jwt-authentication","mongodb","multer","nodejs","react","redux"],"created_at":"2025-04-06T22:38:40.777Z","updated_at":"2025-12-30T19:03:30.213Z","avatar_url":"https://github.com/RanjeetRaj444.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Arba-Development-Studio\n\n### Site URL :- https://arba-development-studio.netlify.app/\n\n## Backend usage and Instuction visite the url\n\n### Backend URL :- https://arba-development-studio.onrender.com\n\nThis is a web application built with React, Redux, Chakra UI, and powered by a node.js , express.js , mongodb multer , cloudnary backend.\n\n## Table of Contents\n\n- [Introduction](#introduction)\n- [Features](#features)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Technologies Used](#technologies-used)\n\n## Introduction\n\nThe web application is a modern platform for performing all types of crud operations on product. It provides a user-friendly interface, a wide range of functionalities, and a secure authentication system.User can browse items, add them to their cart, and also edit them.\n\n![alt text](frontend/src/assets/landing.png)\n\n## Features\n\n- User authentication with Node.js and Express.\n- create wide range of product and category.\n- Add and remove items from the cart.\n- Responsive design for mobile and desktop.\n\n## Installation\n\nTo run this application locally, follow these steps:\n\n1. Clone this repository to your local machine:\n   git clone `https://github.com/yourusername/Arba-Development-Studio.git`\n2. Change to the project directory:`cd Arba-Development-Studio` :`cd frontend`\n3. Install the required dependencies for the frontend:npm install\n4. Install the required dependencies for the backend\n   `cd backend`\n   `npm install`\n5. Create .env in backend file and manage -` mongoURL = \"\"`\n   - `jwtSecret = \"\"`\n   - `JWT_SECRET = \"\"`\n   - `CLOUDINARY_CLOUD_NAME =`\n   - `CLOUDINARY_API_KEY =`\n   - `CLOUDINARY_API_SECRET =`\n\n## Usage\n\nCreate an account or log in to your existing account.\nBrowse the collection of project or goto my store by clicking on profile on top-right.\nAdd items to your cart.\nClick on the cart icon to view and manage your cart.\n\n### Login page\n\n![alt text](\u003cfrontend/src/assets/Screenshot (1659).png\u003e)\n\n### Product Page\n\n![alt text](\u003cfrontend/src/assets/Screenshot (1662).png\u003e)\n\n### Cart\n\nYou can add and remove items from your cart. The cart provides a summary of your selected items.\n\n![alt text](\u003cfrontend/src/assets/Screenshot (1664).png\u003e)\n\n### My Store\n\nThe my store give add edit and delete functionalities for each item you have added into your store. You can also see all the projects that are available for.\n![alt text](\u003cfrontend/src/assets/Screenshot (1666).png\u003e)\n\n### My Profile\n\nThe profile page allows you to edit your information, change password.\n![alt text](\u003cfrontend/src/assets/Screenshot (1668).png\u003e)\n\n## Technologies Used\n\n- Frontend:\n\n  - React for building user interfaces\n  - Redux for state management\n  - Chakra UI for styling\n  - Fetch API for making HTTP requests\n\n- Backend:\n  - Node.js\n  - Express.js\n  - MongoDb database with mongoose ODM\n  - Bcrypt library for hashing passwords\n  - JWT for authentication\n  - Multer middleware for handling multipart/form-data\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Franjeetraj444%2Farba_development-studio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Franjeetraj444%2Farba_development-studio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Franjeetraj444%2Farba_development-studio/lists"}