Stay Organized

The Rose Project presents a ToDo app using HTML, CSS, and JavaScript.

Time Spent: ~30 something hours

Check it out: https://roseylikeme.github.io/stay-organized

Description + Goal

I've created The Rose Project to showcase my journey and development in coding. With this particular project, my goal is to create a website that provides access to a back end data store containing users and ToDos.

Primary goal:

• Allow users to view the ToDo tasks of a specific registered user
• Allow users to ADD new ToDo tasks that are assigned to a user

Stretch Goals:

• Allow user to ADD a new user ✅
• Allow user to mark a ToDo as completed ...

Getting Started

To get started, start by cloning the repo for the REST API from here: Github:Stay-Organized-Server

The cloned project doesn't have the npm packages it needs so you will need to install the project's dependencies with NPM (Node Package Manager) After unzipping the file, go into the project folder using the terminal and run the following command:

npm install

Then start the local server by using the command:

npm start

You should get an expected output of: App listening at port 8083

What I've Learned

During this stage of my learning and development, I learned all about:

• Rest APIS & HTTP Methods
• Learned how to utilize Postman, an API development tool that makes it easy to interact with REST APIs.

Next Steps & TODOS

1. Fix the landing page where the hamburger shows, but it's not able to click
2. Fix the container on the Add a New Todo tab. Some padding is messed up on the right side. Next Steps:
3. Enhance the site by allowing the user to mark a ToDo task completed