ortizlilian/next-gen-coders

A blog that act as a starting point for beginners who want to dive into the world of web development, as well as getting information about job opportunities in the field.

nextGenCoders

A blog that acts as a starting point for beginners who want to dive into the world of web development, as well as getting information about job opportunities in the field. One of the objective of the blog is to provide comprehensive and easy-to-understand information about web development, in order to teach junior developers about the fundamentals of coding languages, frameworks, and best practices.

This blog was developed using Nextjs and it has a MongoDB database to persist the blog posts.

User Story

AS A user

I WANT to be able to write and post blog posts on a Blog Website.

Deployment

The blog was deployed on Vercel and can be accessed here

Usage

As this blog was fully deployed to Vercel, there is no need to install anything on your local machine to run it. However, if the user still wants to run this app locally, the following commands need to be run:

npm i npm run dev

In addition, if the user wants to connect to MongoDB database, the steps below need to be followed:

1. Go to MongoDB Atlas website
2. Click on Try Free
3. Create an account (this can be easily done using a google account)
4. Click on Create Database
5. Create a username and password (make sure to save your password somewhere, you'll need it for step number 11)
6. Click on Connect
7. Choose the Connect your application option
8. Copy the connection string
9. Go to the repo in your local machine
10. Go to the .env file located at the root folder
11. Replace the MONGODB_URI url with your connection string (don't forget to replace < PASSWORD > with your actual password)

Blog features

• How to submit a blog post: Go to the Write Post button at the upper right hand side of the page, fill all the input fields and click on Send Message button
• How to search a blog post by category: on the Home Page, simply click on the wanted category at the left hand side of the page, and all the blog posts in that category will be render on the page.

Screenshots

Desktop

Ipad

Iphone

Tech-Stack

• JavaScript
• Next.js
• Tailwind CSS
• Mongoose
• MongoDB

Credits & Resoucres

Here's a list containing all the tutorials and/or references used in the project:

• Creating a Next.js App
• Mongoose NPM
• Mongoose Guide
• Adding MongoDB (Mongoose) to Next.js APIs
• How to deploy with Vercel and MongoDB Atlas
• Introduction to Mongoose for MongoDB
• Dynamic API Routes
• Client-side data fetching
• getServerSideProps

Contributors

Thanks to the following people who have contributed to this project:
Lilian Ortiz
Obinna Obianuo
Prince Andrews Nimako
Yogita Negi