Hack4Impact Website

New Hack4Impact website. Front end is based on UIUC Chapter's site. However, we are adding features that allows user logins, and posting new updates from an admin dashboard.

Tech Stack: React, ReactStrap, Next.JS, MongoDB, Express, NodeJS.

Get Started

• Clone this repo
• Cd directory
• Cd server, and create .env file
• yarn install in both client and server folder
• Go to root dir and run "yarn dev"

Enviromental File

Personally, I recommend using MongoDB Compass for development. Additionally, for testing backend end routes, I am using Postman, email me if you would like me to send you the HTTP request templates.

• ATLAS_URI=xxxx
• CLOUDINARY_CLOUD_NAME=xxxx
• CLOUDINARY_API_KEY=xxxx
• CLOUDINARY_API_SECRET=xxxx
• JWT_SECRET=xxxx

Backend Endpoints

Users

• Sign Up
• Login
• Who Am I
• Logout

Posts

• Create New Post (Post refers to a Semester of Projects); Secured Route
• Delete Post; Secured Route
• Upload Images; Secured Route
• Get All Post
• Get One Project

Project Road Map

• Setup Frontend UI
• Setup Backend Routes
• Allow Image Uploading
• Modify Existing Project Page to Fetch Projects from Backend
• Setup Authentication / Authorization System
• Redesign Specific Project Page to Fit Existing Site's Format (**)
• Create Frontend UI for Admin Login / Dashboard
• Create Frontend UI for Admin Create Posts (**)
• Figure Out Deployment
• Migrate Data from Old Site to New Site (Maybe a Python scrapper?)