Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shwetkhatri2001/assignmentmanager

Start managing your assignments now 🤩
https://github.com/shwetkhatri2001/assignmentmanager

mern multer

Last synced: 3 days ago
JSON representation

Start managing your assignments now 🤩

Awesome Lists containing this project

README

        

# AssignmentManager
* Developer Days --> Web Development Track --> Week-3 Challenge Submission
![Developer Days](https://d1fdloi71mui9q.cloudfront.net/niT5FCERQxmUlORNHyGS_dMW63U6raEsPK7BF)![Web Development](https://www.aaravinfotech.com/assets/images/pages/web-design-services-15d6b6127f1242.svg)
## [Developer Days](https://developerdays.tech/)
* Timeline : August 22 - September 26, 2021

## [Web Development Track](https://developerdays.tech/track/0)
* offered by Mozilla Durg

## Checkout - [Assignment Manager](https://managemyassignment.herokuapp.com/)

## Features 🚀
* Manages submissions for assignments for any organization or institution with an interactive ui-ux.
* Long Time saving of Assignments in `Google Cloud` using `MongoDB` as database with easy access and anytime updates.
* Handles different backend and frontend dynamic routes in `React` , `NodeJS` and `ExpressJS`.
* Saves different kind of file submissions using `Multer`.

## Preview
[Live Link](https://managemyassignment.herokuapp.com/)

Deployed at [Heroku](https://heroku.com).

![Landing Page](/uploads/Landing_screen.png)
![Submission Page](/uploads/Submission_screen.png)

## Installation

First these commands and follow mentioned steps to get your app ready with installation.

```bash
git clone https://github.com/ShwetKhatri2001/AssignmentManager.git
```

```bash
npm install
```

```bash
cd client
npm install
```

After installations, make a file `.env` in root directory and add some env variables there.
* First add `PORT` as port number other then 3000 to handle api requests in server.
* Second add `MONGO_URI` which is the mongodb database link.
Visit [Mongo DB](https://www.mongodb.com/) and sign up for the free API Key. Then go back to your [Mongo DB](https://www.mongodb.com/) account and must create a database cluster as your server for this application. Here is a [guide](https://docs.mongodb.com/manual/tutorial/atlas-free-tier-setup/) on how to create
* Third one is `NODE_ENV` which could be 'development' or 'production' based on your app status.

Then make another `.env` file in client directory and add one env variable there.
* Add `REACT_APP_PORT` with same port number given in root directory to handle api requests in client.

To run you app use this command.

```bash
npm run dev
```

## Contributing

If you find bugs with this project, pull requests are always welcome. You can [create an issue here](https://github.com/ShwetKhatri2001/AssignmentManager/issues/new).
Your :star: is also greatly appreciated.

[Checkout my GitHub profile and view other projects](https://github.com/ShwetKhatri2001)