Full-Stack Capstone: Code-Confidence

Code Confidence is a project I designed for my final capstone at Nashville Software School. This app was inspired by my learning journey of becoming a full-stack software engineer at NSS and the issues I came across. The intended purpose of this app is to help keep the scope of what you're learning limited to what you know versus what you don't know. To achieve this, the user can add technologies they know and keep track of the goals and respective topics they set for themselves

Code Confidence Client Side

Looking for Server Side?
Explore the docs »

Appendix

• Walkthrough Overview
• Features
• Deployement
• Running Locally
• Testing
• Roadmap
• Planning
• Feedback
• Acknowldegements
• Tech Stack and Resources

Walkthrough

Loom Video

Features

• Login in with Google
• Easy creation using Google Firebase.
• Stay motivated with postive affirmations.
• Responsive designed centered for Desktop.
• Select All feature allows for easy creation.
• Search, filter, and toggle topics and goals.
• CRUD on Goals and Topics.
• Create Goals and Topics for the technology you're learning
• Track the progress of you learning goals.
• Explore programming languages, frameworks, and libraries
• Create and assign your browser bookmarks through the app(comming soon).

Back to Top

Deployement

Netlify Deployed Site

Back to Top

Running Locally

How to run frontend locally and setup Firebase authentication

1. Set up a Firebase project - Here's how: Firebase Setup & Authentication

2. Clone Code Confidence Client to your local machine

https://github.com/Massacre-Saint/Code-Confidence.git

3. Move into directory

cd Code-Confidence

4. Once in Code Confidence's code, create a .env file at the root of the project. Place the following properties into the file:

NEXT_PUBLIC_FIREBASE_API_KEY=""
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=""
NEXT_PUBLIC_DATABASE_URL="http://localhost:8000"

5. The last portion of the Firebase walkthrough from step 1 highlights where to find the values to put in the empty strings in the code snippet of step 4. From Firebase, copy the values and paste them into the empty strings of the respective keys located in the .env file.

6. While in the root directory and from your command line, run

npm install or npm i

7. Now from your command line, run

npm run prepare

8. To start Code Confidence, run

npm run dev

9. Click http://localhost:3000 in the terminal to open the browser

Back to Top

Testing

Testing Messages

Endpoint in Postman:

  http://127.0.0.1:8000/messages

This response should be a random message from db.

  http://127.0.0.1:8000/tech

Should get back 200 with list of tech If any issues occur please reach out here!

Back to Top

Roadmap

Bookmarks

Coming very soon and currently in progress and testing.

Features

• Synching with Chrome Bookmarks
• Allows users to add their browser bookmarks to topics,tech, goals.
• Able to update the assigned bookmark and keep track of the resource.
• Comes with extension to handle bookmarks associated with the app.

Admin Support and Help

Features

• Will allow users to message admin for features, bug, and tech to be added.

Projects and Portfolio

Features

• Users will be able to create and link projects they want to showcase.
• Mimics a portfolio page.
• Assignes the topics, goals, and tech that helped to acheive the project.

Back to Top

Planning

ERD:

Link here

FlowChart:

Link here

Back to Top

Feedback

If you have any feedback, please reach out to us at fake@fake.com

Back to Top

Acknowledgements

• Awesome Readme Templates
• Awesome README
• How to write a Good readme
• React Icons
• React Responsive
• Midjourney
• @rustyzone
• cohort E-19

Back to Top

Tech Stack

Client: React, JS, React Bootstrap, Chrome Bookmarks API, Chrome Extensions, Next.js

Server: Django, Python

Back to Top