https://github.com/devops-dynamics/accounting-website-template
https://github.com/devops-dynamics/accounting-website-template
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/devops-dynamics/accounting-website-template
- Owner: devops-dynamics
- Created: 2024-09-08T18:28:38.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-17T18:08:16.000Z (almost 2 years ago)
- Last Synced: 2024-12-19T21:15:32.189Z (over 1 year ago)
- Language: TypeScript
- Size: 1 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AccountEase Web
**AccountEase Web** is a modern and responsive accounting website built with Next.js. It features separate pages for services, testimonials, contact, and about sections, providing users with a streamlined interface to manage their financial needs efficiently.
## Features
- **Home Page**: The homepage includes a hero section and a call-to-action (CTA) to guide users toward exploring the accounting services.
- **Services Page**: Detailed information about the various accounting services offered, including automated invoicing, financial analytics, and secure document storage.
- **Testimonials Page**: Real user testimonials to build trust and credibility.
- **About Page**: Information about the company, its mission, and the team.
- **Contact Page**: A simple and easy-to-use contact form for users to reach out for inquiries or support.
- **Sticky Navbar**: A responsive and sticky navigation bar that provides easy access to all sections of the website.
## Technologies Used
- **Next.js**: A powerful React framework used to build the front-end with server-side rendering and static site generation.
- **Styled-components**: For CSS-in-JS styling, enabling modular and dynamic styles.
- **JavaScript**: Used throughout the project for logic and interactivity.
- **HTML/CSS**: To structure and style the application.
## Project Structure
The project is organized as follows:
- **src/app/layout.tsx**: Contains the global layout, including the header and footer that appear on every page.
- **src/app/pages/**: Each page (home, services, testimonials, contact, about) is defined here with its own content and structure.
- **src/app/components/**: Reusable components such as the header, footer, hero, and call-to-action (CTA) are stored here for modular development.
## Installation
#### Local Development 🖥️
1. Clone the repository:
```bash
git clone https://github.com/your-username/account-ease-web.git
```
2. Navigate to the project directory:
```bash
cd account-ease-web
```
3. Install the required dependencies:
```bash
npm install
```
4. Run the development server:
```bash
npm run dev
```
5. Open your browser and go to:
http://localhost:3000
#### Docker 🐳
1. Clone the repository:
```bash
git clone https://github.com/your-username/account-ease-web.git
```
2. Navigate to the project directory:
```bash
cd account-ease-web
```
3. Build the image:
```bash
docker build -t account-ease-web .
```
4. Run the container:
```bash
docker run -p 3000:3000 account-ease-web
```
5. Open your browser and go to:
http://localhost:3000
## Usage
Once the app is running, you can navigate between pages using the navigation bar:
- **Home**: The landing page with a hero section.
- **Services**: Provides details about various accounting services.
- **Testimonials**: Displays customer feedback.
- **About**: Information about the company and team.
- **Contact**: Simple form to reach out for inquiries or support.
## Contributing
Contributions are welcome! Feel free to fork the repository and create a pull request. Please ensure that your contributions adhere to the project's coding standards.