sveltekit-persons Svelte Themes

Sveltekit Persons

This web application is built using SvelteKit to showcase professional skills and learning progress during an internship at **Astha IT Solutions**. It features dynamic routing, content management, and integration with external APIs, providing a hands-on learning experience.

Welcome to the SvelteKit Persons Project!

Welcome to the SvelteKit Persons project! This web application is built using SvelteKit and demonstrates dynamic content handling, API integration, and routing features.

šŸš€ Features

  • SvelteKit-powered application
  • Dynamic routing for seamless navigation
  • API integration to manage persons data
  • CRUD operations (Create, Read, Update, Delete)
  • Toast notifications for better user experience

šŸ› ļø Setup Instructions

Prerequisites

Ensure you have the following installed:

  • Node.js (Latest LTS recommended)
  • Git

Clone the Repository

git clone [email protected]:asthabonik/sveltekit-persons.git
cd sveltekit-persons

Install Dependencies

npm install

Configure Environment Variables

Create a .env file and add the necessary environment variables:

PUBLIC_API_ENDPOINT=https://your-api-endpoint.com

Run the Development Server

npm run dev

Your application will be accessible at http://localhost:5173/ by default.


Project Structure

sveltekit-persons/
ā”œā”€ā”€ src/
ā”‚   ā”œā”€ā”€ lib/               # Shared components and utilities
ā”‚   ā”œā”€ā”€ routes/            # Application routes and pages
ā”‚   ā”œā”€ā”€ app.html           # Main HTML template
ā”‚   ā””ā”€ā”€ ...                # Other SvelteKit-specific files
ā”œā”€ā”€ static/                # Static assets (images, fonts, etc.)
ā”œā”€ā”€ package.json           # Project dependencies and scripts
ā”œā”€ā”€ svelte.config.js       # SvelteKit configuration
ā””ā”€ā”€ README.md              # This file

Available Scripts

  • npm run dev: Start the development server.
  • npm run build: Build the project for production.
  • npm run preview: Preview the production build locally.
  • npm run lint: Lint the codebase for errors and style issues.

šŸ“‚ Backend Repository

The backend API for this project is hosted separately. You can check out the backend source code here:

šŸ”— Backend GitHub Repository


šŸ“– Usage Guidelines

Adding a Person

  • Navigate to the Add Person section.
  • Enter the person's details and click "Add".
  • The new person will be added and displayed in the table.

Editing a Person

  • Click the "Edit" button next to a person's entry.
  • Modify the details and save the changes.

Deleting a Person

  • Click the "Delete" button next to a person's entry.
  • Confirm the deletion.

šŸ¤ Contribution Guidelines

We welcome contributions! Follow these steps to contribute:

  1. Fork the Repository
  2. Create a Branch: git checkout -b feature-branch
  3. Make Your Changes
  4. Commit Changes: git commit -m "Added a new feature"
  5. Push to GitHub: git push origin feature-branch
  6. Submit a Pull Request

šŸ“œ License

This project is licensed under the MIT License. See the LICENSE file for details.


šŸ™Œ Acknowledgments

  • SvelteKit Documentation for providing an excellent framework.
  • My mentors and colleagues for their guidance during the internship.
  • Thanks to all contributors and the open-source community!

Contact

If you have any questions or feedback, feel free to reach out:


Thank you for checking out the SvelteKit Persons project! šŸš€


Top categories

Loading Svelte Themes