Semester Project 2

Student: Silje Angelvik
Host: Netlify
Repository: GitHub

Resources	URLs
Style Tile	Figma
Prototype	Figma
Kanban	Trello Board
Gantt Chart	Ganttchart
Noroff	Project Brief

Remote Project Name: semesterproject2
Local Project Name: documents/Repos/School/semester-vite/vite-tailwind

Asta Auction Application

Description

This is a web application for an auction house called Asta Auction. The application is built with JavaScript and TailwindCSS. The application is responsive and works well on mobile, tablet, and somewhat desktop. The application is built with a mobile-first approach.

Built with

• HTML
• CSS
• SASS
• JavaScript
• TailwindCSS
• Git
• GitHub
• Vite
• Netlify
• PhpStorm
• Noroff API Auction House Endpoints

Getting started

Installing

1. Clone the repo:

git clone [email protected]:siljeangelvik/semesterproject2.git

2. Install the dependencies:

npm install

Running

To run the app in development mode:

npm run dev

To build the app:

npm run build

To preview the app:

npm run preview

Contributing

No contributions at this time.

Contact

Click on the badges below to go to my profiles or contact me via email.

License

A repository where anyone can use to create a static webpage containing the most up-to-date ISC license.

ISC License from Open Source Initiative ISC License from the Internet Systems Consortium ISC License from OpenBSD

The ISC copyright is functionally equivalent to a two-term BSD copyright with language removed that is made unnecessary by the Berne convention. This is the preferred license for new code incorporated into OpenBSD.

Acknowledgments

Resources

Docs

• Vite: Getting Started
• Vite: Configure
• Tailwind: Getting Started
• GitHub: Docs
• GitHub: Adding local project to Git Repo
• GitHub: Managing Remote Repositories
• Dev.to: Host Free GitHub Pages
• Stackoverflow: Loop through Object Array and Access Properties

Videos and Tools

• Video: Install Tailwind with Vite
• Video: Setup Multiple Page Vite
• Emojipedia: Emojis
• FreeCodeCamp: CRUD
• Adobe: Color Wheel
• Codepen: Tailwind Form
• Codepen: LoadMore
• Codepen: Load More Content
• Codepen: Click to Open Search Input
• Codepen: Functioning Modal
• Tailwind: JavaScript Regular Modal
• Google: Material Icons
• Medium: node.js