{"id":19700776,"url":"https://github.com/sisay2405/fullstack-react-blog-app","last_synced_at":"2025-02-27T12:44:37.503Z","repository":{"id":48163224,"uuid":"516623550","full_name":"sisay2405/fullstack-react-blog-app","owner":"sisay2405","description":null,"archived":false,"fork":false,"pushed_at":"2022-10-18T20:14:45.000Z","size":4300,"stargazers_count":1,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-10T10:56:59.232Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/sisay2405.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}},"created_at":"2022-07-22T05:37:10.000Z","updated_at":"2022-08-09T23:31:14.000Z","dependencies_parsed_at":"2023-01-20T06:02:49.853Z","dependency_job_id":null,"html_url":"https://github.com/sisay2405/fullstack-react-blog-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sisay2405%2Ffullstack-react-blog-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sisay2405%2Ffullstack-react-blog-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sisay2405%2Ffullstack-react-blog-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sisay2405%2Ffullstack-react-blog-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sisay2405","download_url":"https://codeload.github.com/sisay2405/fullstack-react-blog-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241014692,"owners_count":19894296,"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-11-11T21:07:02.188Z","updated_at":"2025-02-27T12:44:37.459Z","avatar_url":"https://github.com/sisay2405.png","language":"TypeScript","readme":"\n\u003c!-- PROJECT Header --\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n\n  \u003ch3 align=\"center\"\u003eFullstack Blog Application\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\n    An awesome Blog App to share what you are thinking about!\n    \u003cbr /\u003e\n    \u003c!-- \u003ca href=\"https://github.com/othneildrew/Best-README-Template\"\u003eView Demo\u003c/a\u003e --\u003e\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#wireframe\"\u003eWireframe\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#getting-started\"\u003eGetting Started\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#prerequisites\"\u003ePrerequisites\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#installation\"\u003eInstallation\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#usage\"\u003eUsage\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#roadmap\"\u003eRoadmap\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contact\"\u003eContact\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n## About The Project\n\nThis app build with the existing knowledge of the React basics, and give you further practice working with codebase linting, component testing, Redux Toolkit, and TypeScript. A user should, at the bare minimum, be able to view all posts, add a post, and delete a post. Consider adding the ability to update existing posts, add and set categories on blog posts, specify users, etc.\n\nThis app used Redux Toolkit and state slices to manage any state data needed across multiple components. In the case where data is created and used only within one component (or possibly one and a few of its direct children), consider using useState() or useReducer() and traditional prop drilling. Most apps will use a combination of \"local\" state management (useState() and useReducer()) and \"global\" state management (Redux or Context API).\n\nApply the TypeScript static typing system. try to use TypeScript for the majority of React components! installed typescript, add support for TypeScript linting, and use either .ts or .tsx extension for the files to apply TypeScript type-checking on.\n\nUse the `BLANK_README.md` to get started.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n### Built With\n\nA few of the frameworks/libraries that were used to build the project are:\n\n* [![React][React.js]][React-url]\n* [![Express][Express.js]][Express-url]\n* Node.js\n* React Redux \n* Axios\n* React Router\n* JWT Authentication \n* Bcrypt\n* Mongoose\n* MongoDB\n* EsLint and AirBnb\n* json server\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### wireframe\n  ### Getting Started The App build out with simple wireframes using Figma.\n\u003cimg width=\"328\" alt=\"wirefram-backend-blog-app\" src=\"https://user-images.githubusercontent.com/82465149/180460410-39180527-3b74-4d7e-b22f-9551114f2e25.png\"\u003e\n\n\n\n\u003c!-- GETTING STARTED --\u003e\n## Getting Started\n\nThis is an example of how you may give instructions on setting up your project locally.\nTo get a local copy up and running follow these simple example steps.\n\n### Prerequisites\n\n\n* npm\n  ```sh\n  npm install npm@latest -g\n  ```\n\n### Installation\n\n_Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services._\n\n1. Get a free account at for MongoDB to create your own collection and add it to your .env file to connect your API to your DB\n2. Clone the repo\n   ```sh\n   git clone https://github.com/sisay2405/fullstack-react-blog-app\n   ```\n3. Install NPM packages\n   ```sh\n   npm install\n   ```\n4. Enter your mongoDB link in your `.env` file in your backend and also enter your token secret key (can be any text you decide on)\n   ```js\n   DATABASE_URL = 'ENTER YOUR LINK';\n   TOKEN_SECRET = 'ENTER YOUR TOKEN SECRET'\n   ```\n5. npm start for both your frontend and backend\n  ```sh\n   cd client \n   npm start \n   ```\n  ```sh\n   cd server \n   npm start \n   ```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n\u003c!-- USAGE EXAMPLES --\u003e\n## Usage\n\nCan be used to post your create your own blog web app and share it with your community. You can:\n\n- [x] View Posts\n- [x] Add Posts\n- [x] Delete Posts\n- [x] Edit Posts\n- [x] Add Categories\n- [x] Filter By Categories\n- [x] User Sign In/Sign Up\n    - [x] To add posts you will need to sign in/sign up\n    - [x] To add categories you will need to sign in/sign up\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n\u003c!-- CONTACT --\u003e\n## Contact\n\nErmias Mahtemu - emahtemu@alphaworks.tech\nSisay Areaya - sareaya@alphaworks.tech\nFrankie Avina - favina@alphaworks.tech\n\nProject Link: [https://github.com/sisay2405/fullstack-react-blog-app]https://github.com/sisay2405/fullstack-react-blog-app\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsisay2405%2Ffullstack-react-blog-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsisay2405%2Ffullstack-react-blog-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsisay2405%2Ffullstack-react-blog-app/lists"}