Giter Site home page Giter Site logo

kedarkk1 / mern-fullstack-todoapp-for-aws-hosting Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 5.37 MB

This is for MERN-fullstack-ToDoApp-for-AWS-hosting

Home Page: https://github.com/KedarKK1/My-AWS-Practical-Experience-Projects-and-Screenshots/tree/main/02.%20Hosting%20Full-stack%20MERN%20application

HTML 0.92% CSS 62.00% SCSS 16.79% JavaScript 19.31% Shell 0.80% Batchfile 0.18%
aws cloud deployed mern todo todoapp todolist mern-full-stack-app

mern-fullstack-todoapp-for-aws-hosting's Introduction

Todo List Website for AWS Hosting

Added Batch file to open both client and server on clicking batch file!




This is a website for you to write what you want to do after or done before and manage it.




LogIn





SignUp




Main






Abilities

  • Able To Run Server
  • Able To Login and Signup and even log-out
  • Able To add a task and remove it
  • Able To making tasks checked





Language and technologies used in This Project





Requirements

Download and install NodeJS from official website nodeJS.org


Download and install MongoDB from official website mongoDB.com





How To Run

At first you have to clone the project and open it in IDE


  • Method one -
npm run start-both

(If any error, then use

chmod +x start_client.sh
chmod +x start_server.sh
chmod +x start_both.sh
sudo apt install dos2unix # to convert convert the line endings of the script to Unix format (LF) using the dos2unix utility
dos2unix start_client.sh
dos2unix start_server.sh
dos2unix start_both.sh
./start_both.sh # starting both server & client

If it gives mongoDB error, as MongoDB atlas is not configured for your EC2 VM network ip address, check your ec2 ip address using

ssh -i /path/to/your/key.pem ubuntu@your_ec2_public_ip
curl ifconfig.me

Create .env file inside /server module and give it

MONGODB_API_KEY=your_ec2_instance_link_without_ending_/_sign
EC2_API_KEY=your_ec2_instance_link_without_ending_/_sign
LOCAL_API=https://localhost

eg.
MONGODB_API_KEY=mongodb+srv://myaccounthere:mypasswordhere@[email protected]>
EC2_API_KEY=http://ec2-36-247-136-16.ap-south-1.compute.amazonaws.com
LOCAL_API=https://localhost

)


  • Method 2 -

Open IDE's terminal and then write ~ cd server and enter


After that write ~ npm i and enter


type ~ npm start and then enter


Now open another terminal and write ~ cd client


And then write ~ npm i and ~ npm start


Congratulations ,now you can signup and use the website

Dummy user => username - JayeshJadhav password - JayesJadha@123

mern-fullstack-todoapp-for-aws-hosting's People

Contributors

kedarkk1 avatar

Stargazers

 avatar

Watchers

 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.