css-frameworks-ca – Eirik Nordstrand Veskje

DogGram - Instagram for dogs

See live site

Description

Assignment Brief

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.

🧰 Tech Stack

• HTML
• Tailwind CSS
• SASS
• JavaScript
• Vite + PostCSS + Autoprefixer

🚀 Getting Started

Follow these steps to run the project locally:

Installing

1. Clone the repo:

git clone https://github.com/EVeskje/css-frameworks-ca.git

2. Install dependencies

npm install

3. Run Dev Server

npm run dev

4. Build

npm run build

🤝 Contributing

Have ideas or suggestions? Feel free to open an issue or a pull request.

---

📬 Contact

Made by Eirik Nordstrand Veskje. For inquiries, reach out via eirik.nv@hotmail.com or LinkedIn @eirikveskje