https://github.com/tasxatzial/travel-journal
https://github.com/tasxatzial/travel-journal
scrimba scrimba-react scrimba-soloproject
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/tasxatzial/travel-journal
- Owner: tasxatzial
- Created: 2024-07-13T02:16:42.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-02-28T13:05:37.000Z (9 months ago)
- Last Synced: 2025-02-28T19:27:32.567Z (9 months ago)
- Topics: scrimba, scrimba-react, scrimba-soloproject
- Language: JavaScript
- Homepage: https://tasxatzial.github.io/travel-journal/
- Size: 3.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Travel Journal
A simple static page built with React.
This is a solo project from the React basics module of the [Frontend Career Path](https://scrimba.com/learn/frontend) course on [Scrimba](https://scrimba.com).
[Live version](https://tasxatzial.github.io/travel-journal/)
## Implementation
* Responsive.
* Accessible + screen reader friendly.
* Mobile first approach.
Since I've had access to the Figma file, I've tried to match the design as closely as possible. However, I decided to adjust some elements based on what I considered to be the best approach. Specifically:
* The low contrast the Google Maps URL has been fixed.
* The font sizes were quite small, so they were scaled to 150%.
* Both columns of each post are aligned to the top instead of the center, creating a more consistent look and feel.
## Dependencies
This is a basic React project created with Vite.
## Run locally
Install the required packages:
```bash
npm install
```
Run the development version:
```bash
npm run dev
```
Build the project:
```bash
npm run build
```
Build & serve the production version:
```bash
npm run serve
```
## Screenshots
See [screenshots](screenshots/).
## Photos
All photos have been taken from [Unsplash](https://unsplash.com).
* Geirangerfjord: [Photo](https://unsplash.com/photos/body-of-water-between-green-mountains-during-daytime-3PeSjpLVtLg?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash) by [James Rathmell](https://unsplash.com/@jamesrathmell?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash)
* Mount Fuji: Photo by [Unknown]
* Sydney Opera House: Photo by [Unknown]