Project Name: My Crochet Corner

Description: Tired of going through multiple links to find project inspiration on Pinterest, to finding a yarn color to buy on Michael’s, to digging through notes of previous project materials just to make one project and then repeat the process all over again? To save time and energy by tracking every crochet project idea and detail in one corner, my crochet corner limits your tabs to one app!

---

Table of Contents

Click to Expand

• Introduction
• Installation
• Project Proposal
• Demonstation
• Features
• Technologies Used
• Acknowledgments
• Contact

Introduction:

Full-Stack PERN Project Final Project for the Techtonica Software Engineer in Training Program.

Installation:

To create the whole project

1. Go to your source directory in your terminal and clone the repository by running the command:

$ git clone https://github.com/abbiehuynh/my-crochet-corner.git <NameNewDirectory>

2. npm install in terminal in server (my-crochet-corner/server) and client (my-crochet-corner/client).

3. npm start on server side and npm run dev on client side to run the app.

4. Visit http://localhost:3001 for server site (ExpressJS, NodeJS) and http://localhost:5173 for client site (React + Vite).

Project Proposal:

• Final Project Pitch
• Project Timeline
• Week 1 Milestones
• Week 2 Milestones
• Week 3 Milestones

Demonstration:

Once the user logs into the app, they will see the homepage.

Through the home page, the user is able to access all of the features of the app, such as but not limited to... filtering through project status,

mcc-filter.mov

add a new project and search by project name,

add-and-search-mcc.mov

viewing and editing project details,

project-details-page-mcc.mov

and brainstorming with AI!

ai-feature-mcc.mov

Features:

mvp features:

• creating a new user account/ login & logout existing user account
• view list of projects
• add project using project name form
• delete project from list of projects
• view details of individual projects
• update project from project details page
• favorite/unfavorite projects
• view list of favorite projects
• search projects by project name
• sort/filter projects by project status, project type, date, and alphabetical order
• chat with AI Bot for project inspiration and ideas

nice-to-have features:

• user authentication
• add, view, update, and delete project ideas on ideas page
• save inspiration from AI Bot in ideas page
• create new proejct through AI inspiration/ autofill form inputs
• duplicate existing project to create a new project
• search for project ideas based on colors

Technologies:

Acknowledgments:

Specials thanks to Techtonica Program & Staff, my mentor, and the H2 2024 Cohort. Thank you for your continuous love and support for growth through this tech journey.

Contact:

• Github
• Email: [email protected]