Skip to content

A demo portfolio item to show my MERN skills for front-end, UIUX, full-stack, and API abilities. Made it open source too!

License

Notifications You must be signed in to change notification settings

TeamBuilderApp/MERN-Demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MERN Portfolio by Christopher Peterson.

This Portfolio URL: https://mern-demo-49es.onrender.com
Also, checkout my Vue demo!: https://vue-demo-t89m.onrender.com

Tech Stack:

React.js, Node.js, Express.js, MongoDB, Chakra UI
API
UI With React.js and ChakraUI
MongoDB is a NO-SQL database:
Collections -> products -> each product as another document.
Error Handling
Deployment

Commands That Have Been Run:

CD to MERN folder.
npm install
cd .\frontend
npm i react-router-dom
npm i zustand

Deploy Commands:

cd .\frontend
npm run build
cd to root
npm install cross-env (for windows OS) then if applicable: npm audit fix
(**installs build packages and installs dist folder)..
npm run build
npm run start

created repo: cd to root git init

Setup .env file

MONGO_URI=your_mongo_uri
PORT=5000

Run this app locally

npm run build

Start the app

npm run start

About Me:

<br /><b>Welcome to my Vue.js UI/UX portfolio demo!</b><br />
My name is Christopher Peterson. As a Full-Stack Senior Software
Engineer, I began learning front-end UI/UX not only to well-round my
skills, but also to achieve my overall goal of delivering the best
user experience possible.<br />
The code for this project, as well as my others, can be found at the
GitHub link below:<br />
<a href="https://vue-demo-t89m.onrender.com">Also, checkout my Vue demo!</a><br />
<b>Email:</b> cpeterson.software.engineering@gmail.com<br />
<b>Phone:</b> (517) 297-5674 <br /><b>GitHub:</b>
https://github.com/TeamBuilderApp?tab=repositories <br />
<b>LinkedIn:</b>
https://www.linkedin.com/in/christopher-peterson-86728a303/

References:

Free public domain images used from: https://free-images.com/
https://chakra-ui.com/docs/get-started/frameworks/vite
freeCodeCamp.org

About

A demo portfolio item to show my MERN skills for front-end, UIUX, full-stack, and API abilities. Made it open source too!

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •