Skip to content

Added a portfolio app example #107

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
anubrag merged 3 commits into from
Jan 19, 2024
Merged

Added a portfolio app example #107

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
3d60790
added my portfolio
Abhi06027 Jan 4, 2024
31c9d97
style changes
Abhi06027 Jan 4, 2024
7532f39
Update app-examples/portfolio/portfolio/components/contact.py
anubrag Jan 8, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions app-examples/portfolio/.gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
*.db
*.py[cod]
*.web
.web
__pycache__/
Binary file added app-examples/portfolio/assets/abstract.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions app-examples/portfolio/assets/behance.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added app-examples/portfolio/assets/book.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added app-examples/portfolio/assets/book2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added app-examples/portfolio/assets/book3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions app-examples/portfolio/assets/discord.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions app-examples/portfolio/assets/dribbble.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions app-examples/portfolio/assets/facebook.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added app-examples/portfolio/assets/favicon.ico
View file
Open in desktop
Binary file not shown.
Binary file added app-examples/portfolio/assets/image.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added app-examples/portfolio/assets/isalah.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added app-examples/portfolio/assets/magzine.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions app-examples/portfolio/assets/nstagram.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Empty file added app-examples/portfolio/portfolio/__init__.py
View file
Open in desktop
Empty file.
57 changes: 57 additions & 0 deletions app-examples/portfolio/portfolio/components/contact.py
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
import nextpy as xt


def contact():
return xt.box(
xt.box(
xt.text(
"Lets work together",
class_name="md:mb-8 mb-4 font-bold text-base md:text-2xl lg:text-3xl",
),
xt.text(
"This is a template Figma file, turned into code using Anima. Learn more at AnimaApp.com This is a template Figma file, turned into code using Anima. Learn more at AnimaApp.com",
class_name="md:mb-8 mb-4 text-sm lg:text-base max-w-lg",
),
xt.box(
xt.image(
src="/discord.svg",
class_name="w-7 h-7 object-cover md:w-9 md:h-9",
),
xt.image(
src="/facebook.svg",
class_name="w-7 h-7 object-cover md:w-9 md:h-9",
),
xt.image(
src="/dribbble.svg",
class_name="w-7 h-7 object-cover md:w-9 md:h-9",
),
xt.image(
src="/instagram.svg",
class_name="w-7 h-7 object-cover md:w-9 md:h-9",
),
xt.image(
src="/behance.svg",
class_name="w-7 h-7 object-cover md:w-9 md:h-9",
),
class_name="flex items-center gap-4 ",
),
),
xt.box(
xt.input(
placeholder="Name",
class_name="mb-2",
),
xt.input(
placeholder="Email",
),
xt.button(
"Submit",
class_name="mt-6 py-8 text-base md:text-lg",
),
variant="unstyled",
spacing="0.5em",
align_items="left",
font_size="2em",
),
class_name="flex flex-col md:flex-row items-center justify-evenly gap-4 md:gap-8 mx-5 md:mx-8 pt-2 md:pt-12 lg:pt-14 pb-12 md:pb-20",
Comment on lines +4 to +56
Copy link
Contributor

@coderabbitai coderabbitai bot Jan 8, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The verification script has confirmed the existence of the discord.svg, facebook.svg, dribbble.svg, and behance.svg files within the app-examples/portfolio/assets directory. However, the instagram.svg file was not found, which could potentially lead to a broken image link in the portfolio app.

Given this information, it seems there is an issue with the instagram.svg file not being present in the expected directory.

Analysis chain

The contact function defines a contact section with text, social media icons, and a form with input fields and a submit button. Here are some observations and suggestions:

  1. The text in lines 8 and 12 is repetitive and seems like placeholder text. Ensure that this is intentional and consider replacing it with more descriptive text or instructions on how to customize it.
  2. The social media icons (lines 16-35) use static paths for the images. Verify that these images are included in the project and that the paths are correct relative to the deployment environment.
  3. The form inputs and button (lines 40-54) do not have any name attributes, which are typically required for form data submission. Consider adding name attributes to the inputs.
  4. The class_name values contain responsive design classes, which is good for ensuring the component is visually appealing across different devices.
  5. The variant, spacing, align_items, and font_size properties (lines 51-54) are applied to the second xt.box but are not part of the xt.image or xt.input components. This could be an error if these properties are meant to be applied to the images or inputs. If they are intended for the xt.box, ensure that they are correctly affecting the layout as expected.
  6. The class_name in line 56 suggests that the component is designed to be responsive, but it's important to test this across different screen sizes to ensure the layout works as intended.
Scripts Executed

The following scripts were executed for the analysis:

Script:

#!/bin/bash
# Verify that the social media images exist in the project
fd 'discord.svg' --exec ls
fd 'facebook.svg' --exec ls
fd 'dribbble.svg' --exec ls
fd 'instagram.svg' --exec ls
fd 'behance.svg' --exec ls

Length of output: 316

)
41 changes: 41 additions & 0 deletions app-examples/portfolio/portfolio/components/hero.py
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
import nextpy as xt


def hero():
return xt.fragment(
# xt.color_mode_button(xt.color_mode_icon(), float="right"),
Copy link
Contributor

@coderabbitai coderabbitai bot Jan 7, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Consider removing the commented-out line if it's not intended for future use to keep the code clean.

xt.box(
xt.box(
xt.text(
"Branding | Image making ",
class_name="md:mb-8 mb-4 font-bold text-base md:text-lg",
),
xt.text(
"Visual Designer",
class_name="md:text-7xl font-bold text-3xl",
),
xt.text(
"This is a template Figma file, turned into code using Anima. Learn more at AnimaApp.com",
class_name="pt-2 md:text-sm max-w-md text-xs",
),
xt.button(
"Contact",
class_name="py-8 mt-6 text-base md:text-lg",
),
variant="unstyled",
spacing="0.5em",
align_items="left",
font_size="2em",
),
xt.box(
xt.image(
src="/image.png",
class_name="w-4/6",
),
font_size="15.25px",
color="#E3E3E3",
class_name="flex justify-center items-center",
),
class_name="flex flex-col md:flex-row items-center justify-evenly mx-5 md:mx-8 mt-16 md:mt-24 ",
),
)
15 changes: 15 additions & 0 deletions app-examples/portfolio/portfolio/components/navbar.py
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import nextpy as xt

def navbar():
return xt.box(
xt.text(
"Logo",
),
xt.box(
xt.text("About", cursor="pointer"),
xt.text("Work", cursor="pointer"),
xt.text("Contact", cursor="pointer"),
class_name="flex items-center gap-5 ",
),
class_name="flex items-center justify-between mt-5 mx-5 md:mx-10",
)
Loading