Giter VIP home page Giter VIP logo

next-gen-coders's Introduction

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 homepage

Ipad homepageipad

Iphone homepageiphone

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:

Contributors

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

next-gen-coders's People

Contributors

ortizlilian avatar yogi-88 avatar obianuoobi avatar maplesyrupman avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

yogi-88

next-gen-coders's Issues

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.