🌍 ac.in | Exchange agency

💻 Project

ACin - exchange agency's a new project built with Vue 3. Easily input your personal details and customize your exchange preferences, including language, country, and city for a great experience.

✨ Technologies

This project was developed using the following technologies:

• Vite
• Vue.js
• Vue Router
• Tailwind
• ES Lint
• Axios
• Vuelidate
• Pinia
• CountriesNow

🛠 Features

✔ Input personal information using the user-friendly form
✔ Validate form fields to ensure accurate submission
✔ Request data from CountriesNow API
✔ Our app displays data for your selected country and its cities with just a few clicks.
✔ Smooth navigation: transition between different routes

🔜 Next steps

✔ Create Not Found Page
✔ Add animations
✔ Send email

📖 Knowledge

With this project, I improved my skills in:

• Vue Router to configure route settings;
• Tailwind to apply styles and create the layout;
• ESLint to define code writing standards;
• Vuelidate to validate forms;
• Pinia to manage states;

Project Setup

💾 Clone the project

Clone the repository to create a local copy on your computer:
$ git clone https://github.com/mmanaclara/ac-in-vue.git

🧰 Install dependencies

$ npm install

🚀 Compile and hot-reload for development

$ npm run dev
You can now access localhost:5173 from your browser.