Loading repository data…
Loading repository data…
deriksalomao / repository
Portfólio criado para fotógrafa Roberta Cruz de Lima
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
This is a portfolio project for photographers, created with React and TypeScript. The goal is to provide a clean, modern, and responsive platform to showcase photographic work.
Photo Gallery: A grid section to display your best photographs.
About Section: A space to tell your story and passion for photography.
Contact Form: A simple form for potential clients to get in touch.
Responsive Design: Adaptable for viewing on desktops, tablets, and mobile phones.
React: Library for building the user interface.
TypeScript: Superset of JavaScript that adds static typing.
Bootstrap: CSS framework for fast and responsive styling.
Create React App: Environment configured for developing React applications.
The code is organized as follows to facilitate maintenance and scalability:
src
|-- assets/ # Images, fonts, and global styles
|-- components/ # Reusable React components
| |-- layout/ # Structure components (Header, Footer)
| +-- ui/ # Interface components (Gallery, Contact Form)
|-- pages/ # Components representing entire pages (e.g., HomePage)
+-- index.tsx # Application entry point
Follow the steps below to run the project locally.
``bash git clone https://YOUR_REPOSITORY_URL.git
``
``bash cd project-name
3. Install the dependencies:
``bash
npm install
To start the development server, run:
npm start
This will open the project at http://localhost:3000 in your browser.
npm start: Starts the development server.
``npm run build```: Generates the production version of the project in the build folder.
``npm test```: Runs the tests in interactive mode.
To add your photos: Place the image files in the src/assets/images/ folder and import them into the src/components/ui/Gallery.tsx file.
To change the text: Modify the content directly in the components located in src/components/ and src/pages/.