Skip to content

Commit

Permalink
Create or update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
docugen-ai-application[bot] authored Jan 14, 2025
1 parent 79c4409 commit df637f4
Showing 1 changed file with 200 additions and 18 deletions.
218 changes: 200 additions & 18 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,29 +1,211 @@
# Create T3 App
# Project Name

This is a [T3 Stack](https://create.t3.gg/) project bootstrapped with `create-t3-app`.
## Overview
This project is a web application built with Next.js that includes various features such as Firebase integration, a guestbook component, a blog, a statistics dashboard, and Google Maps functionality. It leverages modern technologies and libraries like React, Tailwind CSS, and various GitHub actions for continuous integration and deployment.

## What's next? How do I make an app with this?
## Major Components
1. **Guestbook**: Users can leave messages in the guestbook, which is powered by a serverless API to manage message storage.
2. **Blog**: A section for displaying blog posts fetched from an external API.
3. **Statistics Dashboard**: Displays personal statistics, including hours coded and site views.
4. **Google Maps Integration**: Shows locations that the user has visited, with marker clustering for better visualization.
5. **Firebase Authentication**: Allows users to sign in using various methods (Google, GitHub, anonymous).
6. **Playwright Tests**: Automated tests to ensure the application functions as expected.
7. **CI/CD with GitHub Actions**: Includes workflows for linting, testing, and deploying the application.

We try to keep this project as simple as possible, so you can start with just the scaffolding we set up for you, and add additional things later when they become necessary.
## Installation
To set up the project locally, follow these instructions:

If you are not familiar with the different technologies used in this project, please refer to the respective docs. If you still are in the wind, please join our [Discord](https://t3.gg/discord) and ask for help.
### Prerequisites
- Node.js (version 14 or higher)
- npm (Node Package Manager)
- A Firebase account and project set up with the necessary configurations.

- [Next.js](https://nextjs.org)
- [NextAuth.js](https://next-auth.js.org)
- [Prisma](https://prisma.io)
- [Drizzle](https://orm.drizzle.team)
- [Tailwind CSS](https://tailwindcss.com)
- [tRPC](https://trpc.io)
### Steps
1. **Clone the Repository**
```bash
git clone https://github.com/WomB0ComB0/project-name.git
cd project-name
```

## Learn More
2. **Install Dependencies**
```bash
npm install
```

To learn more about the [T3 Stack](https://create.t3.gg/), take a look at the following resources:
3. **Set Up Environment Variables**
Create a `.env.local` file in the root directory of the project and add the following variables:
```plaintext
NEXT_PUBLIC_FIREBASE_API_KEY=your_firebase_api_key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_firebase_project_id
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_firebase_storage_bucket
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_firebase_messaging_sender_id
NEXT_PUBLIC_FIREBASE_APP_ID=your_firebase_app_id
NEXT_PUBLIC_GOOGLE_MAPS_API_KEY=your_google_maps_api_key
```

- [Documentation](https://create.t3.gg/)
- [Learn the T3 Stack](https://create.t3.gg/en/faq#what-learning-resources-are-currently-available) — Check out these awesome tutorials
4. **Run the Development Server**
```bash
npm run dev
```
Open your browser and navigate to `http://localhost:3000` to view the application.

You can check out the [create-t3-app GitHub repository](https://github.com/t3-oss/create-t3-app) — your feedback and contributions are welcome!
## Usage
- **Navigating the Application**: Use the navigation bar to switch between different sections such as the guestbook, blog, stats dashboard, and map.
- **Interacting with Components**: Users can leave messages in the guestbook, read blog posts, and view their coding statistics. The Google Maps section allows users to click on markers to view more information about each location.

## How do I deploy this?
## Contributing
If you'd like to contribute to this project, please fork the repository and submit a pull request with your changes.

Follow our deployment guides for [Vercel](https://create.t3.gg/en/deployment/vercel), [Netlify](https://create.t3.gg/en/deployment/netlify) and [Docker](https://create.t3.gg/en/deployment/docker) for more information.
## License
This project is licensed under the MIT License. See the LICENSE file for more information.

## Acknowledgments
- [Next.js](https://nextjs.org/)
- [Firebase](https://firebase.google.com/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Playwright](https://playwright.dev/) for testing
- [GitHub Actions](https://docs.github.com/en/actions) for CI/CD

For any further questions or issues, please feel free to open an issue in the GitHub repository.# Kodchasan Font Project

## Overview

Kodchasan is a typeface designed for various applications, inspired by traditional typography. This repository contains the source files and documentation for the Kodchasan font, which is licensed under the SIL Open Font License, Version 1.1.

## Major Components

The repository includes:

- **SVG Files**: Scalable Vector Graphics files representing the font glyphs and designs.
- **Font Files**: The actual font files for use in applications.
- **License File**: Details regarding the licensing and usage rights of the font.

## Installation

To install the Kodchasan font on your system, follow these steps:

### For Windows

1. Download the font files from the repository.
2. Right-click on the downloaded font file(s) and select "Install" to install the font on your system.

### For macOS

1. Download the font files from the repository.
2. Double-click on the downloaded font file(s) to open them in Font Book.
3. Click "Install Font" to add the font to your system.

### For Linux

1. Download the font files from the repository.
2. Copy the font files to `~/.fonts` directory (create it if it doesn’t exist).
3. Run `fc-cache -fv` in the terminal to refresh the font cache.

## Usage

Once installed, you can use the Kodchasan font in any application that allows you to select fonts, such as word processors, graphic design software, and web design.

### Example in CSS

To use the Kodchasan font on a website, add the following CSS to your stylesheet:

```css
@font-face {
font-family: 'Kodchasan';
src: url('path/to/kodchasan.woff2') format('woff2'),
url('path/to/kodchasan.woff') format('woff');
font-weight: normal;
font-style: normal;
}

body {
font-family: 'Kodchasan', sans-serif;
}
```

Make sure to replace `'path/to/kodchasan.woff2'` and `'path/to/kodchasan.woff'` with the actual paths to the font files.

## License

Kodchasan Font Software is licensed under the SIL Open Font License, Version 1.1. You can read the full license [here](https://openfontlicense.org).

## Contributing

If you would like to contribute to the Kodchasan project, feel free to fork the repository and submit a pull request. Your contributions and feedback are welcome!

## Contact

For any inquiries or issues, please contact the project maintainers through the GitHub repository.

---

This README provides a comprehensive guide to understanding, installing, and using the Kodchasan font. Thank you for your interest in the project!# Project Name

## Overview

This project is centered around a Font Software License and includes a browser configuration XML file. The license outlines the terms under which the font software can be used, distributed, and the limitations of liability associated with it.

## License Summary

The font software provided in this project must be distributed under the specified license terms. Key points include:

- **Distribution**: The font must be distributed entirely under this license and cannot be distributed under any other license.
- **Termination**: The license is void if any of the conditions are not met.
- **Disclaimer**: The font software is provided "as is" without any warranty. The copyright holder is not liable for any damages arising from the use or inability to use the font software.

## Browser Configuration

The XML configuration file (`browserconfig.xml`) is designed to be used with Microsoft applications, specifying the application tile configurations for different sizes. The key elements in the XML include:

- **Tile Logos**: Paths to images of various sizes (`70x70`, `150x150`, and `310x310`).
- **Tile Color**: The color of the tile defined in hexadecimal format (`#d6b3f0`).

## Installation Instructions

To use the font software and the browser configuration, follow these steps:

1. **Download the Repository**: Clone or download this repository to your local machine.

```bash
git clone https://github.com/username/project-name.git
```

2. **Install Fonts**:
- Locate the font files within the repository.
- Follow the instructions for your operating system to install the fonts:
- **Windows**: Right-click the font file and select "Install".
- **macOS**: Double-click the font file and click "Install Font".
- **Linux**: Copy the font files to `~/.fonts` or `/usr/share/fonts`, then update the font cache using `fc-cache -f -v`.

3. **Configure Your Application**:
- Place the `browserconfig.xml` file in the root directory of your web project.
- Ensure the image paths specified in the XML file are correct and that the images are accessible.

## Usage Instructions

- **Using the Fonts**: After installation, you can use the fonts in your projects by specifying them in your CSS files. For example:

```css
@font-face {
font-family: 'YourFont';
src: url('path/to/yourfont.woff2') format('woff2'),
url('path/to/yourfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

body {
font-family: 'YourFont', sans-serif;
}
```

- **Using the Browser Configuration**: The `browserconfig.xml` should be linked in the `<head>` section of your HTML files for Microsoft browsers to recognize it:

```html
<meta name="msapplication-config" content="browserconfig.xml" />
```

## Conclusion

This project provides a comprehensive Font Software License and a browser configuration file that helps streamline the use of custom fonts in web applications. Follow the installation and usage instructions to integrate the fonts effectively into your projects.

0 comments on commit df637f4

Please sign in to comment.