Giter VIP home page Giter VIP logo

api_project's Introduction

Full Stackathon Blog


Handmade with love by Wei Jun Xia, Tyler Jones, & Neil Italia

Project Started August 25, 2021

Live Demo   |   Trello Board   |   Connect with us on LinkedIn!



📝 About

This is a blog made with React as our front-end, Node.js and Express as our back-end, and MongoDB as our database. OnlyBlogs is the best place to share your thoughts and blog about anything you want.


Tech Stack


🛠 App Functionality

All blog posts are displayed in the home page starting with the most recent posts at the top, you can navigate to the Create New Post page to submit a new blog post. You can add a title for your blog post as well as an image, and your main content.


🚦 Getting Started

Some scripts to help you jumpstart contributing to this project

git clone [email protected]:weijunxia/API_project.git

To clone down this repository to your machine, then

cd API_project

to move into the project, then

npm install

to install dependencies for the Node.js, Express and Mongoose back-end, then

cd client

to move into the React front-end,

npm install

to install React dependencies, then

npm start

to start the React front-end live server, then on another terminal

cd ..

to go back to the root directory of the app,

npm run dev

to start the back-end server.

Make sure you have all the right variables in your .env file


📸 Screenshots

     

📊 Component Hierarchy Diagram

Blog Components


📊 Entity Relationship Diagram

Blog Entity Relationship Diagram


⏳ Future Updates

  • Login
  • Add Users
  • User Profiles
  • Search Function
  • Bookmark Function

📢 Credits & Shoutouts

MongoDB Atlas MDN W3Schools

api_project's People

Contributors

weijunxia avatar neilitalia avatar msiroilem avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.