Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
54 commits
Select commit Hold shift + click to select a range
7b2c296
Initial commit
EVeskje Nov 3, 2023
d581c88
SASS
EVeskje Nov 3, 2023
4e361ca
Added basic html file
EVeskje Nov 3, 2023
bf0d091
Install bootstrap
EVeskje Nov 3, 2023
da07337
Update index.scss
EVeskje Nov 6, 2023
c6875b8
Added HTML
EVeskje Nov 15, 2023
259d707
Update index.html
EVeskje Nov 15, 2023
ec56c2f
Update index.html
EVeskje Nov 15, 2023
8ab791f
Update css
EVeskje Nov 15, 2023
38d8066
Update index.html
EVeskje Nov 15, 2023
90f6a6d
Update index.html
EVeskje Nov 15, 2023
eb6dad8
Update HTML
EVeskje Nov 15, 2023
5e9b5df
Update HTML
EVeskje Nov 15, 2023
8635360
Update doggram-theme.css
EVeskje Nov 15, 2023
fac600a
Update HTML and CSS
EVeskje Nov 15, 2023
f0cf00a
Update index.html
EVeskje Nov 15, 2023
79a0da9
Update index.html
EVeskje Nov 15, 2023
261053c
Update index.html
EVeskje Nov 15, 2023
3242504
Update
EVeskje Nov 15, 2023
1dbf619
Update html
EVeskje Nov 16, 2023
45dd436
Update HTML
EVeskje Nov 17, 2023
8e9f6e0
Update new post html
EVeskje Nov 17, 2023
256d237
Update html
EVeskje Nov 17, 2023
669effc
Update btn
EVeskje Nov 17, 2023
2e8de40
Update footer
EVeskje Nov 17, 2023
8056a83
Added js login
EVeskje Nov 17, 2023
b227d9a
Update hotjar
EVeskje Nov 17, 2023
7b30a90
Update readme
EVeskje Nov 17, 2023
7bf2af1
Update index.html
EVeskje Nov 17, 2023
a1887e5
Update navbar.css
EVeskje Nov 17, 2023
ae70cfa
Update navbar.css
EVeskje Nov 17, 2023
09e3c38
Update navbar.css
EVeskje Nov 17, 2023
32d9291
Update
EVeskje Dec 4, 2023
d5ad4a4
Update styles.scss
EVeskje Dec 4, 2023
b904212
Update navbar
EVeskje Dec 4, 2023
f2de927
Update card
EVeskje Dec 4, 2023
60d7133
Update
EVeskje Dec 4, 2023
b37b3f7
Update button
EVeskje Dec 4, 2023
31e3acd
Update navbar
EVeskje Dec 4, 2023
7f4e930
Update
EVeskje Dec 4, 2023
d6d15cc
Update README.md
EVeskje Dec 4, 2023
fc29c0d
Updated SCSS
EVeskje Dec 5, 2023
d44b1ad
Update
EVeskje Dec 5, 2023
9bd2bb5
Update
EVeskje Dec 5, 2023
1ea0693
Update
EVeskje Dec 5, 2023
537d2f8
Update
EVeskje Dec 5, 2023
75f39ab
Update
EVeskje Dec 5, 2023
65fef4b
Update styles.scss
EVeskje Dec 13, 2023
8a18ecb
Update 2.0
EVeskje Oct 7, 2025
87dc1fa
Update
EVeskje Oct 7, 2025
0403acf
Update
EVeskje Oct 7, 2025
7607c2f
Update
EVeskje Oct 7, 2025
2c7a270
Vite fix
EVeskje Oct 7, 2025
7a30f70
Update readme
EVeskje Oct 7, 2025
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
6 changes: 4 additions & 2 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
node_modules/
node_modules
.dist
.vite
.DS_Store
dist/
.env
76 changes: 74 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,74 @@
# css-frameworks-ca
Replace this text with a description of your social media project.
## css-frameworks-ca – Eirik Nordstrand Veskje

DogGram - Instagram for dogs

![image](/images/readme.png)

[See live site](https://dog-gram.netlify.app/)

## 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:

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

### 2. Install dependencies

```bash
npm install
```

### 3. Run Dev Server

```bash
npm run dev
```

### 4. Build

```bash
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](https://www.linkedin.com/in/env-link/)
Binary file added dist/assets/dog-feed-C4GRMqya.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added dist/assets/dog-feed2-BpvUzZnC.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added dist/assets/dog-feed3-CBJNyA0K.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added dist/assets/dog-profile-wkTE7a5m.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions dist/assets/main-BcaaBrik.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions dist/assets/main-_ix_CMUU.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading