Live link: https://jgrs-portfolios.herokuapp.com/
JGRS Portfolios is a hybrid MPA/SPA for users to create and customise their portfolios. This app was built with a team of developers where we made use of GitHub collaborations.
- Sign up or login to create and customise your own porfolio
- Click edit section buttons to update your about and contact sections
- Click the add buttons to add your project and skill lists, jump back to the edit buttons to change the content or delete them if you make a mistake
- Click the colour and font buttons on the top of the screent to update the style on your page. The colour button on the left controls the colours of the headings, paragraphs and background colour on the left and vice versa on the right.
- Once you have completed all your content and style updates click "Go to your finished portfolio" button on the bottom right to generate your new portfolio!
Email Address: sophie@gmail.com Password: password123
jgrs Portfolios was built using Javascript, HTML, CSS and Node.js with Express.
- PostgreSQL with JSONB objects for database
- EJS for templates
- Express Session for login management
- Axios for http requests
- Add more portfolio templates for users to choose from
- URL generates with the user's username
- Email user a link with their URL
- Users can customise spacing and layout of their portfolio
- Not have the skills input and comma seperated
Log-in page:
Edit portfolio page:
Ryan's Portfolio:
Graham's Portfolio:
Sophie's Portfolio:
Jazmin's Portfolio:
| Column Titles | Data Types |
|---|---|
| id | serial primary key |
| text | |
| password | varchar(50) |
| user_name | text |
| user_location | text |
| user_welcome | text |
| contact_pitch | text |
| github_url | text |
| linkedin_url | text |
| instagram_url | text |
| twitter_url | text |
| project_list | jsonb |
| skills | jsonb |
| styles | jsonb |
JGRS Portfolios would like to thank Ethan Daya for providing the inspiration for our first portfolio template.