Vanlife App - React & Vite

Tech Stack

Client: Vite, React, HTML, CSS

Overview

• Basic router setup
• Route
• Link
• Route parameters
• Nested routes and Outlet
• Layout and Index routes
• Relative paths
• NavLink
• Outlet context
• Search parameters
• Link state
• 404 page / Splat routes
• Loaders
• Actions
• Form & form data
• defer()
• Await
• Suspense
• Error handling & errorElement
• useRouteError
• useNavigate
• useNavigation
• useLocation
• useLoaderData
• useActionData
• Protected Routes
• Deploying with Netlify

Links & Demo

• Github Repo
• Demo

Author

• @ozgeahras

Source

• https://scrimba.com/learn/frontend

Run Locally

Clone the project

  git clone https://github.com/ozgeahras/vanlife-react-app.git

Go to the project directory

  cd ..vanlife-react-app

Install dependencies

npm install

Start the app

npm run dev

Screenshots

About Me

I'm frontend developer in Istanbul/Turkey.

👩‍💻 I'm currently working on React.js

🛠 Skills

Vanilla JS, React.js, Angular.js, ES6+

🔗 Links