Giter VIP home page Giter VIP logo

pizzapics's Introduction

RepoRater

PizzaPix: A Social Hub for Pizza Enthusiasts

Let's build PizzaPix together โ€“ one slice at a time! ๐Ÿ•๐Ÿš€ Welcome to PizzaPix, your go-to social media app for pizza lovers! This README serves as your guide to understanding the project, its technologies, and how you can contribute to making PizzaPix even better.

Technologies at a Glance

TypeScript PizzaPix relies on TypeScript, a statically typed superset of JavaScript. This choice enhances development by catching errors early and improving code maintainability.

Tailwind CSS Styling is powered by Tailwind CSS, a utility-first framework. Tailwind allows for swift development and easy customization of your pizza-filled masterpiece.

Vite Built with Vite, a speedy web development build tool, PizzaPix ensures a lightning-fast development experience. Features like hot module replacement expedite iteration during development.

Shadcn For additional styling components, we turn to Shadcn. This library enhances both the visual appeal and functionality of your PizzaPix experience.

Appwrite Backing PizzaPix is Appwrite, an open-source backend server simplifying web and mobile app development. Enjoy services like user authentication, database management, and file storage, all seamlessly integrated into PizzaPix.

Getting Started

Ready to dive into the pizza-filled world of PizzaPix? Follow these steps to set up your development environment:

Development

Local Development

Clone the Repository

git clone https://github.com/yourusername/pizzapix.git

Install Dependencies

cd pizzapix
npm install

Start the Development Server

npm run dev

Visit http://localhost:3000 to explore PizzaPix in action!

GitPod

Open BioDrop in Gitpod

Contributing

PizzaPix welcomes your contributions to make our pizza-loving community even more vibrant! Follow these guidelines to ensure a smooth collaboration:

Issue Template

If you encounter issues or have feature requests, please use our issue template.

Pull Requests

Fork the repository and create a new branch for your feature or bug fix:

git checkout -b feature-name

Make your changes and stage them.

git add <filename>

After you stage all the changes, commit those changes.

git commit -m "Description of changes"

Push your changes to your fork:

git push origin feature-name

Open a pull request to the main branch of the original repositoryhttps://github.com/jasonetorres/pizzapics.

Support

This project needs a โญ๏ธ from you. Don't forget to leave a star โญ๏ธ.

pizzapics's People

Contributors

jasonetorres avatar pradumnasaraf avatar shookcodes avatar eddiejaoude avatar bekahhw avatar drex72 avatar codeandgyan avatar skirianov avatar kaftarmery avatar

Stargazers

Anne Thorpe avatar Watson code  avatar usman faki avatar Joel Tanko avatar Joy Shaheb avatar  avatar Stephen Chukwuani avatar hicode avatar Tobiloba Adedeji avatar Christine Belzie avatar Michelle avatar  avatar Tayyab Ilyas avatar  avatar Eduardo Vazquez avatar

Watchers

 avatar

pizzapics's Issues

Integrating a "Dark/Light" mode toggler

Issue Template for PizzaPix

Description

I would love to implement a dark/light mode toggle

Steps to Reproduce

no steps, its just setup only with a light mode right now. id love to have a built in toggle at the top

Expected Behavior

Screenshots

Screenshot 2023-12-01 at 4 34 08โ€ฏAM

Environment

applicable on all versions

Additional Information

more a feature request than an issue its on the punchlist to add but if someone wants to take a crack at it I am open for it


Jason

docs: Add a code of conduct

Issue Template for PizzaPix

Description

Right now, there's not a COC, and it can help build a safe environment for both the contributors and maintainers.

Steps to Reproduce

  1. Step 1
  2. Step 2
  3. ...

Expected Behavior

Actual Behavior

Screenshots

Environment

  • Operating System:
  • Browser (if applicable):
  • Node.js version:
  • NPM version:
  • Tailwind CSS version:
  • Other relevant dependencies and their versions:

Additional Information


Contributor Checklist

  • I have searched for similar issues and confirmed this is not a duplicate.
  • I have provided a clear and concise description of the issue.
  • I have included all necessary steps to reproduce the issue.
  • I have attached relevant screenshots (if applicable).
  • I have filled out the environment section with accurate details.

Property 'id' does not exist on type '{}'.

interface UserAccountDetails {
$id: string;
name: string;
email: string;
username?: string;
}

// ==== SIGN UP
export async function createUserAccount(user: INewUser) {
try {
const { email, password, name, username } = user;

const $id = ID.unique();
const newAccount: UserAccountDetails = await account.create(
$id,
email,
password,
name
);

if (!newAccount) throw Error;

const avatarUrl = avatars.getInitials(http://user.name);

const newUser = await saveUserToDB({
accountID: $id,
name,
email,
username,
imageUrl: avatarUrl,
});

return newUser;
} catch (error) {
console.log(error);
return error;
}
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.