Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,3 +1,2 @@
node_modules/
.DS_Store
dist/
.DS_Store
51 changes: 50 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,51 @@
# css-frameworks-ca
Replace this text with a description of your social media project.
Course Assignment
Goal
Brief
Process
Delivery
Resources
Goal
To apply knowledge of Bootstrap and SASS to build a responsive front end for a social media application.

Brief
You are tasked with creating 3 pages in HTML using Bootstrap and SASS:

Authentication page (/index.html)
Feed Page (/feed/index.html)
Profile page (/profile/index.html)
The authentication page should have a form to login or register to the application. Ensure to include HTML form validation and use /profile as the action attribute. Password must have a minimum length of 8 characters.

The feed page should have a list of posts thumbnails, a search bar, sort options and a form to create a new post. You may add additional design features beyond these requirements.

The profile page should have a profile image, username, list of user posts, follow button and an area to display following/followers.

There is no requirment for JS functionality beyond Bootstrap UX behaviour. For example, using the provided dropdowns, tabs or carousel is acceptable but there is no further requirement for custom JS.

Submission for this project will follow the pattern used in professional development. You are expected to seek feedback from your peers to complete this assignment. When requesting feedback it is useful to ask for a specific area to be reviewed in order to get the most out of your feedback.

Process
Create a prototype for each page
Create a fork from this repository
Create a new git branch for this project called css-frameworks
Install Bootstrap, SASS and Live Server
Configure NPM scripts in package.json
Implement your design using Bootstrap and SASS overrides
Create a Pull Request to merge your changes to your main branch
Share this Pull Request and request peer review
Discuss and implement the feedback gathered from peer review
Complete the approved Pull Request, or implement the required changes
Delivery
For peer review, please submit a link to your repository to the Moodle forum. You should review 2 of your peers’ submissions.

Please submit your public GitHub repository URL and any supplementary files, such as wireframes. Your repo should have an active PR that the teachers will review.

Design files will not be included in your grade but will help to provide additional context to the marker.

Please make sure to exclude node_modules by using a .gitignore file.

Resources
Using branches and making a pull request
Installing Bootstrap
Customising Bootstrap
Excluding node_modules using .gitignore
Loading